📜  CSS | font-stretch 属性

📅  最后修改于: 2021-08-31 07:29:19             🧑  作者: Mango

CSS 中的 font-stretch 属性用于将文本设置得更宽或更窄。此属性不适用于任何字体。它仅在字体系列具有宽度变化的外观时才有效。

句法:

font-stretch: normal|ultra-condensed|extra-condensed|condensed|
semi-condensed|semi-expanded|expanded|extra-expanded|ultra-expanded; 

属性值:

  • normal:默认字体。它不会拉伸字体。
  • 超浓缩:用于指定比普通字体更浓缩的字体。
  • extra-condensed:用于设置文本比普通文本更窄,而不是超压缩文本。
  • condensed:用于设置文本窄然后半压缩和不窄然后超压缩。
  • semi-condensed:用于设置文本比普通文本更窄,而不是比semi-condensed更窄。
  • semi-expanded:用于设置比普通文本更宽的文本,但不宽然后扩展。
  • 扩展:用于设置比半扩展更宽的文本,但不超过超扩展。
  • extra-expanded:用于设置文本比展开宽,但不超过超展开。
  • 超扩展:用于设置比超扩展更宽的文本。

例子:




    
        
            CSS font-stretch Property
        
          
        
    
      
    
        
            GeeksforGeeks: A computer science portal         
                   
            GeeksforGeeks: A computer science portal         
                   
            GeeksforGeeks: A computer science portal         
                   
            GeeksforGeeks: A computer science portal         
                   
            GeeksforGeeks: A computer science portal         
                   
            GeeksforGeeks: A computer science portal         
                   
            GeeksforGeeks: A computer science portal         
                   
            GeeksforGeeks: A computer science portal         
                   
            GeeksforGeeks: A computer science portal         
                                                

输出:

注意:此属性不适用于任何字体。

支持的浏览器: font-stretch 属性支持的浏览器如下:

  • 谷歌浏览器 48.0
  • 浏览器 9.0
  • 火狐 9.0
  • 歌剧 35.0
  • Safari 11.0