<text-edge>
<text-edge> 列舉 資料型別 定義了關鍵字,這些關鍵字指定了表示字型塊起始邊緣和塊結束邊緣上特定區域的字型指標。每個關鍵字指定了字型上方和/或下方邊緣的位置。
<text-edge> 值在 text-box-edge 屬性中使用,用於指定從文字元素的塊容器的塊起始邊緣和塊結束邊緣修剪的空白量。
語法
<text-edge> 資料型別由一個或兩個關鍵字組成,這些關鍵字表示字型塊起始(上方)邊緣和/或塊結束(下方)邊緣上的特定區域。
- 當指定一個值時,字型的上方邊緣和下方邊緣的位置使用相同的關鍵字指定。
- 當指定兩個值時,第一個值指定字型的上方邊緣的位置,第二個值指定字型的下方邊緣的位置。
值
單個關鍵字值
文字-
字型的上方和下方邊緣是其文字上方基線/文字下方基線:這包括字型的上升部分和下降部分,但不包括設定在文字上的半行距。
注意: 文字元素中包含的半行距量可以使用
line-height屬性進行控制。
注意: ideographic 和 ideographic-ink 關鍵字旨在指定CJK 語言字元特有的上方和下方邊緣位置。目前它們的具體行為仍在討論中,並且尚未得到任何瀏覽器的支援。
兩個關鍵字值
alphabetic-
字型的下方邊緣是其字母基線,它是其較短的小寫字母(例如“m”、“n”和“o”)或大寫字母的底部。
cap-
字型的上方邊緣是其大寫高度基線,它是其大寫字母的頂部。
ex-
字型的上方邊緣是其 x 高度基線,它是其較短的小寫字母的頂部。
文字-
字型的上方邊緣是其文字上方基線(包括字型的上升部分,但不包括上方邊緣半行距),或者其下方邊緣是其文字下方基線(包括字型的下降部分,但不包括下方邊緣半行距),具體取決於為哪個邊緣設定了值。
正式語法
<text-edge> =
[ text | ideographic | ideographic-ink ] |
[ text | ideographic | ideographic-ink | cap | ex ] [ text | ideographic | ideographic-ink | alphabetic ]
示例
請參閱 text-box-edge 示例
規範
| 規範 |
|---|
| CSS 內聯佈局模組級別 3 # typedef-text-edge |
瀏覽器相容性
載入中…