what is the difference between "embed" and "isolate" values in "unicode-bidi" css property?

Please see examples. There I wrote code for these two values which give the same result.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>hayti</title>
  <style>
   p
    {
       direction: ltr;
    }
   span
    {
       background-color: yellow;
       direction: rtl;
       unicode-bidi: embed;
    }
    
   .p01
    {
       direction: ltr;
    }
   .span01
    {
       background-color: yellow;
       direction: rtl;
       unicode-bidi: isolate;
    }
  </style>
 </head>
 <body>
    <h1>Two samples </h1>
    <p> Programming in <span>Html and CSs!!</span> is the easiest way to learn coding. </p>
    <p class="p01"> Programming in <span class="span01">Html and CSs!!</span> is the easiest 
    way to learn coding. </p>
 </body>
</html>

Result is`

---embed---- Programming in !!Html and CSs is the easiest way to learn coding.

----isolate---- Programming in !!Html and CSs is the easiest way to learn coding.



Comments

Popular posts from this blog

Spring Elasticsearch Operations

Network Error and Timeout on Authorize.net JS

Object oriented programming concepts (OOPs)