CSS inline-size 属性

定义和用法

inline-size 属性指定元素在行内方向上的大小。

注意：相关的 CSS 属性 writing-mode 定义了行内方向，这会影响 inline-size 属性的结果。对于英文页面，行内方向是从左到右，而块方向是向下。

CSS 的 inline-size 和 block-size 属性与 CSS 的 width 和 height 属性非常相似，但 inline-size 和 block-size 属性依赖于行内和块方向。

ឧទាហរណ៍

ឧទាហរណ៍ 1

កំណត់ទំហំនៅលើកន្លែងនៅលើកំណើតដែលមានទំហំនៅលើកន្លែងនៅលើកំណើតដែលមានជាកន្លែងក្នុងលក្ខណៈ<div> នេះ:

div {
  inline-size: 200px;
}

ពឹងថានឹងពួកអ្នក

ឧទាហរណ៍ 2

នៅពេល writing-mode ត្រូវបានកំណត់តម្លៃ vertical-rl នៅពេល inline-size ឧបកម្មវិធីការប្រើប្រាស់នៃលក្ខណៈ:

div {
  inline-size: 250px;
  writing-mode: vertical-rl;
}

ពឹងថានឹងពួកអ្នក

ភាសាបញ្ជារបស់ CSS

inline-size: auto|length|initial|inherit;

តម្លៃលក្ខណៈ

ពត៌មានបច្ចេកទេស

ការគាំទ្រកំណើតប្រើប្រាស់

ចំនុចលើការគាំទ្ររបស់កំណើតប្រើប្រាស់កម្មវិធីប្រើប្រាស់ដែលមានការគាំទ្រពេញលេញទៅលើលក្ខណៈនេះ。

ទំព័រដែលទាក់ទង

CSS ការបង្រៀន:CSS 高度和宽度

CSS ការបង្រៀន:CSS 框模型

CSS តាមដាន:លក្ខណៈ height

CSS តាមដាន:លក្ខណៈ width

CSS តាមដាន:writing-mode 属性