unicode-bidi
åºçº¿
广æ³å¯ç¨
èª 2015å¹´7æ èµ·ï¼æ¤ç¹æ§å·²å¨ä¸»æµæµè§å¨ä¸å¾å°æ¯æï¼å¯å¨å¤§å¤æ°è®¾å¤åæµè§å¨çæ¬ä¸æ£å¸¸ä½¿ç¨ã
CSS unicode-bidi 屿§ï¼å direction 屿§ï¼å³å®å¦ä½å¤çææ¡£ä¸çå书忹忿¬ï¼bidirectional textï¼ãæ¯å¦ï¼å¦æä¸åå
容忶å
嫿ä»å·¦å°å³ä¹¦ååä»å³å°å·¦ä¹¦åçææ¬ï¼é£ä¹ç¨æ·ä»£çï¼the user-agentï¼ä¼ä½¿ç¨å¤æç Unicode ç®æ³æ¥å³å®å¦ä½æ¾ç¤ºææ¬ãunicode-bidi 屿§ä¼è¦çæ¤ç®æ³ï¼å
许å¼åäººåæ§å¶ææ¬åµå
¥ï¼text embeddingï¼ã
unicode-bidi ä¸ direction æ¯ä»
æç两个ä¸å all ç®åå½±åç屿§ã
è¦åï¼æ¤å±æ§æ¯ææ¡£ç±»åå®ä¹ï¼Document Type Definition, DTDï¼ç设计è ä¸ç¨çãWeb 设计è ä¸å ¶ä»ç±»ä¼¼ç人åä¸åºè¦çæ¤å±æ§ã
/* å
³é®åå¼ */
unicode-bidi: normal;
unicode-bidi: embed;
unicode-bidi: isolate;
unicode-bidi: bidi-override;
unicode-bidi: isolate-override;
unicode-bidi: plaintext;
/* å
¨å±å¼ */
unicode-bidi: inherit;
unicode-bidi: initial;
unicode-bidi: unset;
| åå§å¼ | normal |
|---|---|
| éç¨å ç´ | all elements, though some values have no effect on non-inline elements |
| æ¯å¦æ¯ç»§æ¿å±æ§ | å¦ |
| 计ç®å¼ | as specified |
| å¨ç»ç±»å | Not animatable |
è¯æ³
>å¼
normal-
对ååç®æ³ï¼æ¤å ç´ ä¸æä¾é¢å¤çåµå ¥çº§å«ã对äºå èå ç´ ï¼éå¼çéæ°æåºå¨å ç´ çè¾¹çä¸èµ·ä½ç¨ã
embed-
对äºå èå ç´ ï¼è¯¥å¼ä¼ä¸ºååç®æ³æå¼ä¸ä¸ªé¢å¤çåµå ¥çº§å«ãåµå ¥çº§å«çæ¹åæ¯ç±
direction屿§ç»åºçã bidi-override-
对äºå èå ç´ ï¼è¯¥å¼ä¼å建ä¸ä¸ªè¦çï¼å¯¹äºå容å¨å ç´ ï¼è¯¥å¼å°ä¸ºä¸å¨å¦ä¸ä¸ªå容å¨å ç´ å çå è级å«çå代å建ä¸ä¸ªè¦çãè¿æå³çå¨å ç´ å é¨ï¼æ ¹æ®
direction屿§ï¼éæ°æåºæ¯ä¸¥æ ¼æç §é¡ºåºæåçï¼ååç®æ³çéå¼é¨å被忽ç¥ã isolate-
è¿ä¸ªå ³é®å表示计ç®å ç´ å®¹å¨çæ¹åæ¶ï¼ä¸èèè¿ä¸ªå ç´ çå 容ãå æ¤ï¼è¿ä¸ªå ç´ å°±ä»å®çå å¼å§å¦¹ä¸åç¦»åºæ¥äºãå½åºç¨å®çåååè¾¨ç®æ³çæ¶åï¼å®ç容å¨å ç´ å°å ¶è§ä¸ºä¸ä¸ªæå¤ä¸ª
U+FFFC Object Replacement Characterï¼å³å image 䏿 ·ã isolate-override-
è¿ä¸ªå ³é®åå°
isolateå ³é®åçé离è¡ä¸ºåºç¨äºå¨å´çå 容ï¼å¹¶å°bidi-overrideå ³é®åçè¦çè¡ä¸ºåºç¨äºå é¨å 容ã plaintext-
è¿ä¸ªå ³é®åå¨è®¡ç®å ç´ æ¹åçæ¶åï¼ä¸èèç¶å ç´ çååç¶æï¼ä¹ä¸èè
direction屿§çå¼ã宿¯ä½¿ç¨ Unicode ååç®æ³ç P2 å P3 è§å计ç®çã è¿ä¸ªå¼å 许æç § Unicode ååç®æ³æ¾ç¤ºå·²ç»æ ¼å¼åçæ°æ®ã
å½¢å¼è¯æ³
unicode-bidi =
normal |
embed |
isolate |
bidi-override |
isolate-override |
plaintext
示ä¾
>CSS
.bible-quote {
direction: rtl;
unicode-bidi: embed;
}
HTML
<div class="bible-quote">A line of text</div>
<div>Another line of text</div>
ç»æ
è§è
| è§è |
|---|
| CSS Writing Modes Level 4> # unicode-bidi> |