• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • quotes

    quotes CSS 属性用于设置引号的样式。

    示例

    /* keyword value */
    quotes: none;
    
    /* <string> values */
    quotes: "«" "»";           /* set open-quote and close-quote to the french quotation marks */
    quotes: "«" "»" "‹" "›";   /* set two levels of quotation marks */
    
    /* global values */
    quotes: inherit;
    quotes: initial;
    quotes: unset;
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    IE8以上浏览器都支持quotes

    语法:

    quotes:none|[<string><string>]+

    取值:

    • nonecontent属性的值open-quoteclose-quote将不会展示引号.
    • auto:用适当的引号,基于在所选元素上设置的任何语言值(例如,通过 lang 属性)。
    • <string><string>:一组或者多组<string>的值对应open-quoteandclose-quote.第一对表示引号的外层,第二对表示第一个嵌套层,下一对表示第三层,依此类推。

    例子

    <q>to be or not to be. that's the question!</q>
    
    //CSS
    q {
      quotes: '"' '"' "'" "'";
    }
    q::before {
      content: open-quote;
    }
    q:after {
      content: close-quote;
    }
    

    上篇:content

    下篇:text-overflow