📜  CSS | font-style 属性

📅  最后修改于: 2021-08-31 02:34:10             🧑  作者: Mango

在 CSS 中,如果我们想对任何类型的文本进行设计,那么我们可以使用 CSS font-style 属性。它有助于提供更好的用户体验。
句法:

font-style: normal|italic|oblique|initial|inherit;

属性值:

  • font-style:Normal :浏览器将显示普通字体文本,这是默认值。
    句法:
font-style: normal;
  • 例子:
html


 

    
        CSS | font-style Property
    
    

 

    

Normal font-style Property

      

GeeksforGeeks

   


html


 

    
        CSS | font-style Property
    
    

 

    

Italic font-style Property

      

GeeksforGeeks

   


html


 

    
        CSS | font-style Property
    
    

 

    

Oblique font-style Property

      

GeeksforGeeks

   


html


 

    
        CSS | font-style Property
    
    

 

    

Initial font-style Property

      

GeeksforGeeks

   


html



 

    
        CSS | font-style Property
    
    

 

 
    
        GeeksforGeeks     
      
        GeeksforGeeks     
      
        GeeksforGeeks     
   


  • 输出

  • font-style:italic :用于制作斜体字体
    句法:
font-style: italic;
  • 例子:

html



 

    
        CSS | font-style Property
    
    

 

    

Italic font-style Property

      

GeeksforGeeks

   
  • 输出

  • font-style:oblique :浏览器显示倾斜的字体样式
    句法:
font-style: oblique;
  • 例子:

html



 

    
        CSS | font-style Property
    
    

 

    

Oblique font-style Property

      

GeeksforGeeks

   
  • 输出

  • font-style:initial :浏览器显示默认的初始字体样式。
    句法:
font-style: initial;
  • 例子:

html



 

    
        CSS | font-style Property
    
    

 

    

Initial font-style Property

      

GeeksforGeeks

   
  • 输出

  • font-style:Inherit :从它的父元素继承属性。
    例子:

html




 

    
        CSS | font-style Property
    
    

 

 
    
        GeeksforGeeks     
      
        GeeksforGeeks     
      
        GeeksforGeeks     
   
  • 输出

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

  • 谷歌浏览器 1.0
  • 浏览器 4.0
  • 火狐 1.0
  • 歌剧7.0
  • Safari 1.0