zoukankan      html  css  js  c++  java
  • 边界直列开始颜色 | border-inline-start-color (Logical Properties)

  •   CSS 中文开发手册

    边界直列开始颜色 | border-inline-start-color (Logical Properties) - CSS 中文开发手册

    这是一种实验技术

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

    border-inline-start-color映射到依赖于要素的写作模式,方向性和文本方向的物理边框颜色的逻辑直列开始边框的颜色。它对应于border-top-color,border-right-color,border-bottom-color,或border-left-color属性根据为定义的值writing-mode,direction和text-orientation。

    border-inline-start-color: red;
    border-inline-start-color: #ee4141;

    相关属性是border-block-start-color,border-block-end-color,和border-inline-end-color定义元素的其他边框颜色。

    初始值

    currentcolor

    应用于

    all elements

    是否继承

    no

    适用媒体

    visual

    计算值

    computed color

    Animation type

    discrete

    规范顺序

    the unique non-ambiguous order defined by the formal grammar

    句法

    价值

    <'color'>边界的颜色,详见color

    形式语法

    <'color'>where 
    <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>
    where 
    <rgb()> = rgb( [ [ <percentage>{3} | <number>{3} ] [ / <alpha-value> ]? ] | [ [ <percentage>#{3} | <number>#{3} ] , <alpha-value>? ] )
    <rgba()> = rgba( [ [ <percentage>{3} | <number>{3} ] [ / <alpha-value> ]? ] | [ [ <percentage>#{3} | <number>#{3} ] , <alpha-value>? ] )
    <hsl()> = hsl( [ <hue> <percentage> <percentage> [ / <alpha-value> ]? ] | [ <hue>, <percentage>, <percentage>, <alpha-value>? ] )
    <hsla()> = hsla( [ <hue> <percentage> <percentage> [ / <alpha-value> ]? ] | [ <hue>, <percentage>, <percentage>, <alpha-value>? ] )
    where 
    <alpha-value> = <number> | <percentage>
    <hue> = <number> | <angle>

    HTML内容

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

    CSS内容

    div {
      background-color: yellow;
       120px;
      height: 120px;
    }
    
    .exampleText {
      writing-mode: vertical-lr;
      border: 10px solid blue;
      border-inline-start-color: red;
    }

    规格

    Specification

    Status

    Comment

    CSS Logical Properties Level 1The definition of 'border-inline-start-color' in that specification.

    Editor's Draft

    Initial definition

    浏览器兼容性

    Feature

    Chrome

    Firefox (Gecko)

    Internet Explorer

    Opera

    Safari (WebKit)

    Basic support

    No support

    41.0 (41.0)1

    No support

    No support

    No support

    Feature

    Android

    Firefox Mobile (Gecko)

    IE Phone

    Opera Mobile

    Safari Mobile

    Basic support

    No support

    41.0 (41.0)1

    No support

    No support

    No support

  •   CSS 中文开发手册
    转载请保留页面地址:https://www.breakyizhan.com/css/32391.html
  • 相关阅读:
    base64编码
    ios开发之指纹识别
    date
    php的学习
    mac下安装mysql遇到的无法连接的问题
    关于git上传文件过大报错的问题 remote: warning: Large files detected.
    安卓开发中Theme.AppCompat.Light的解决方法
    ubuntu操作系统中卸载mysql的安装与卸载
    重新格式化删除U盘隐藏分区与如何在LMT下安装非Ghost win7
    网易有道笔试2015-05-12
  • 原文地址:https://www.cnblogs.com/breakyizhan/p/13233992.html
Copyright © 2011-2022 走看看