码迷,mamicode.com
首页 > Web开发 > 详细

方向 | direction (Writing Modes) - CSS 中文开发手册 - Break易站

时间:2020-06-30 22:50:37      阅读:89      评论:0      收藏:0      [点我收藏+]

标签:实例   注意   intern   visual   spec   块级元素   tle   safari   lob   

  • ??CSS 中文开发手册

    方向 | direction (Writing Modes) - CSS 中文开发手册

    directionCSS属性设置文本,表格列和水平溢出的方向。使用rtl表示从右到左(如希伯来语或阿拉伯语)写的语言,以及ltr表示从左到右写的语言(如英语和大多数其他语言)。请注意,文本方向通常在文档中定义(例如,使用HTML的dir属性),而不是直接使用direction属性。

    /* Keyword values */
    direction: ltr;
    direction: rtl;
    
    /* Global values */
    direction: inherit;
    direction: initial;
    direction: unset;

    该属性设置块级元素的基本文本方向和unicode-bidi属性创建的嵌入方向。它还设置文本的默认对齐方式,块级元素以及单元格在表格行中的流向。

    与HTML中的属性dir不同,属性direction不会从表格列继承到表格单元格,因为CSS继承遵循文档树结构,而表格单元格在行内而不在列内。

    在direction和unicode-bidi属性是两个唯一不受简写属性all影响的属性。

    Initial value

    ltr

    Applies to

    all elements

    Inherited

    yes

    Media

    visual

    Computed value

    as specified

    Animation type

    discrete

    Canonical order

    the unique non-ambiguous order defined by the formal grammar

    语法

    可能值

    ltr——文本和其他元素从左到右排列。这是默认值。

    rtl——文本和其他元素从右到左排列。

    要想该direction属性对内联级元素产生任何影响,该unicode-bidi属性的值必须是embed或override。

    形式语法

    ltr | rtl

    实例

    blockquote {
      direction: rtl;
    }

    规范

    Specification

    Status

    Comment

    CSS Writing Modes Module Level 3The definition of ‘direction‘ in that specification.

    Candidate Recommendation

    No change.

    CSS Level 2 (Revision 1)The definition of ‘direction‘ in that specification.

    Recommendation

    Initial definition.

    浏览器兼容性

    Feature

    Chrome

    Edge

    Firefox (Gecko)

    Internet Explorer

    Opera

    Safari (WebKit)

    Basic support

    2.0

    (Yes)

    1.0 (1.7 or earlier)

    5.5

    9.2

    1.3

    Feature

    Android

    Edge

    Firefox Mobile (Gecko)

    IE Phone

    Opera Mobile

    Safari Mobile

    Basic support

    1.0

    (Yes)

    1.0 (1.0)

    6

    8

    3.1

  • ??CSS 中文开发手册
    转载请保留页面地址:https://www.breakyizhan.com/css/32029.html

    方向 | direction (Writing Modes) - CSS 中文开发手册 - Break易站

    标签:实例   注意   intern   visual   spec   块级元素   tle   safari   lob   

    原文地址:https://www.cnblogs.com/breakyizhan/p/13216359.html

    (0)
    (0)
       
    举报
    评论 一句话评论(0
    登录后才能评论!
    © 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
    迷上了代码!