CSS initial-letter 屬性
- 上一頁 @import
- 下一頁 inline-size
定義和用法
initial-letter
屬性指定首字母的大小,以及可選地指定首字母應下沉(在文本中向下)的行數。
此屬性適用于 :first-letter
偽元素和塊級容器的第一個行內級子元素。
實例
展示不同大小的首字母:
.normal::first-letter { -webkit-initial-letter: normal; initial-letter: normal; } .two::first-letter { -webkit-initial-letter: 2; initial-letter: 2; /* 首字母占據2行 */ } .four::first-letter { -webkit-initial-letter: 4; initial-letter: 4; /* 首字母占據4行 */ } .four2::first-letter { -webkit-initial-letter: 4 2; initial-letter: 4 2; /* 首字母占據4行并下沉2行 */ }
CSS 語法
initial-letter: normal|number|integer;
屬性值
值 | 描述 |
---|---|
normal | 默認值。無效果。文本表現正常。 |
number | 設置首字母的大小(首字母應跨越的行數)。 |
integer | 可選。設置首字母應下沉(在文本中)的行數。 |
技術細節
默認值: | normal |
---|---|
繼承性: | 否 |
動畫制作: | 不支持。請參閱:動畫相關屬性。 |
版本: | CSS3 |
瀏覽器支持
表中的數字指定了完全支持該屬性的第一個瀏覽器版本。
數字后跟的 -webkit- 指定了帶前綴的第一個工作版本。
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
110.0 | 110.0 | 不支持 | 9.0 -webkit- | 96.0 |
- 上一頁 @import
- 下一頁 inline-size