📜  CSS | padding-inline-end 属性

📅  最后修改于: 2021-08-31 06:43:23             🧑  作者: Mango

CSS 中的padding-inline-end 属性用于定义元素的逻辑块结束填充。此属性有助于根据元素的书写模式、方向性和文本方向放置填充。

句法:

padding-inline-end: length|percentage|auto|inherit|initial|unset;

属性值:

  • 长度:它设置在 px、cm、pt 等中定义的固定值。允许负值。它的默认值为 0px。
  • 百分比:用于根据元素宽度的百分比设置 padding-inline-end 值。
  • auto:当需要浏览器确定块大小时使用。
  • initial:用于将block-size属性的值设置为其默认值。
  • 继承:当希望元素继承其父元素的块大小属性时使用它。
  • unset:用于取消设置默认块大小。

下面的示例说明了 CSS 中的 padding-inline-end 属性:
示例 1:



  

    CSS | padding-inline-end Property
    

  

    
        

Geeksforgeeks

        CSS | padding-inline-end Property         

        
A Computer
        
Science Portal
        
For Geeks
    
                       

输出:

示例 2:



  

    CSS | padding-inline-end Property
    

  

    
        

Geeksforgeeks

        CSS | padding-inline-end Property         

        
A Computer
        
Science Portal
        
For Geeks
    
                                          

输出:

支持的浏览器: padding-inline-end 属性支持的浏览器如下:

  • 火狐
  • 谷歌浏览器
  • 边缘
  • 歌剧

参考: https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-end