CSS 中的block-size 属性用于定义元素块的水平或垂直大小。它与 width 或 height 属性重合,具体取决于 write-mode 属性的值。它留下下面的空间是元素文本的左侧。
句法:
block-size: length|percentage|auto|inherit|initial|unset
属性值:
- 长度:它设置了一个固定值,定义在 px、cm、pt 等中。允许负值。它的默认值为 0px。
- 百分比:与长度相同,但根据窗口大小的百分比设置。
- auto:当需要浏览器确定块大小时使用。
- initial:用于将block-size属性的值设置为其默认值。
- 继承:当希望元素继承其父元素的块大小属性时使用它。
- unset:用于取消设置默认块大小。
下面的例子说明了 CSS 中的块大小属性:
示例 1:
html
CSS | block-size Property
Geeksforgeeks
CSS | block-size Property
GeeksforGeeks
html
CSS | block-size Property
Geeksforgeeks
CSS | block-size Property
GeeksforGeeks
输出:
示例 2:
html
CSS | block-size Property
Geeksforgeeks
CSS | block-size Property
GeeksforGeeks
输出:
支持的浏览器: block-size 属性支持的浏览器如下:
- 谷歌浏览器
- 边缘
- 火狐浏览器
- 歌剧
- 苹果浏览器