css中unicode-bidi屬性如何使用

發(fā)布時(shí)間：2020-09-24 11:24:37 來源：億速云閱讀：164 作者：小新欄目：web開發(fā)

這篇文章主要介紹了css中unicode-bidi屬性如何使用，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

unicode-bidi屬性定義及用法

1、在css中，unicode-bidi屬性是用來設(shè)置或返回文本是否被重寫，以便在同一文檔中支持多種語言，一般都會(huì)與direction屬性一起使用。

2、unicode-bidi和direction屬性決定了網(wǎng)頁(yè)中文本方向，兩個(gè)屬性一起使用可以用來改變文字的書寫順序。

相關(guān)屬性

text-align屬性：定義元素中的文本的水平對(duì)齊方式

direction屬性：定義元素的文本方向

unicode-bidi屬性值

normal：不使用附加的嵌入層面，原來是什么順序就使用什么順序（默認(rèn)）

embed：direction屬性的值指定嵌入層，在對(duì)象內(nèi)部進(jìn)行隱式重排序

bidi-override：創(chuàng)建一個(gè)附加的嵌入層面，嚴(yán)格按照direction屬性的值重排序

inherit：從父元素繼承unicode-bidi屬性值

語法格式

unicode-bidi: normal / embed / bidi-override / inherit;

實(shí)例

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css unicode-bidi文本方向?qū)傩怨P記</title>
<style>
div{width:460px;height:150px;border:1px solid blue;}
#du1{direction:rtl;unicode-bidi:embed;}
#du2{direction:rtl;unicode-bidi:bidi-override;}
</style>
<head/>
<body>
<div>
<p>unicode-bidi屬性的默認(rèn)屬性值演示</p>
<p id="du1">unicode-bidi屬性的embed屬性值演示</p>
<p id="du2">unicode-bidi屬性的bidi-override屬性值演示</p>
</div>
</body>
</html>

運(yùn)行結(jié)果

css中unicode-bidi屬性如何使用

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享css中unicode-bidi屬性如何使用內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

css中unicode-bidi屬性如何使用

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽