zoukankan      html  css  js  c++  java
  • 边界块的最终样式 | border-block-end-style (Logical Properties)

  •   CSS 中文开发手册

    边界块的最终样式 | border-block-end-style (Logical Properties) - CSS 中文开发手册

    这是一种实验技术

    由于该技术的规格不稳定,请查看各种浏览器的兼容性表格以供使用。还要注意,随着规范的变化,实验技术的语法和行为在未来版本的浏览器中可能会发生变化。

    border-block-end-style 它映射到依赖于要素的写作模式,方向性和文本方向的物理边框样式的逻辑块结束边框的样式。它对应于border-top-style,border-right-style,border-bottom-style,或border-left-style属性根据为定义的值writing-mode,direction和text-orientation。

    /* <'border-style'> values */
    border-block-end-style: dashed;
    border-block-end-style: dotted;
    border-block-end-style: groove;

    相关属性是border-block-start-style,border-inline-start-style,和border-inline-end-style定义元素的其他边框样式。

    初始值

    none

    应用于

    all elements

    是否继承

    no

    适用媒体

    visual

    计算值

    as specified

    Animation type

    discrete

    规范顺序

    the unique non-ambiguous order defined by the formal grammar

    句法

    取值

    <'border-style'>边框的线条样式,详见border-style。

    形式语法

    <'border-style'>

    HTML内容

    <div>
      <p class="exampleText">Example text</p>
    </div>

    CSS内容

    div {
      background-color: yellow;
       120px;
      height: 120px;
    }
    
    .exampleText {
      writing-mode: vertical-lr;
      border: 5px solid blue;
      border-block-end-style: dashed;
    }
    转载请保留页面地址:https://www.breakyizhan.com/css/32377.html
  • 相关阅读:
    设计模式_享元设计模式(flyweight)
    eclipse的使用
    Bank项目
    反射练习
    反射接口
    反射
    32-一笔画(欧拉图)
    67-蓝桥省赛-2014
    13-STL-二分查找
    31-最长公共子序列
  • 原文地址:https://www.cnblogs.com/breakyizhan/p/13233954.html
Copyright © 2011-2022 走看看