text-decoration-skip

語法:

text-decoration-skip:none | [ objects || spaces || ink || edges || box-decoration ]

預設值objects

適用於:所有元素

繼承性:是

動畫性:否

計算值:指定的值

媒 體:視覺

取值:

none:
不跳過:文字裝飾將繪制在所有文字及原子內聯級盒上。
objects:
跳過原子內聯級盒(例如圖片或內聯塊)
spaces:
跳過空白:包括常規空白(U+0020)、制表符(U+0009)以及不間斷空格(U+00A0)、表意空格(U+3000)、所有固定寬度空格(U+2000至U+200A、U+202F和U+205F)、以及相鄰的字母間隔或單詞間隔。
ink:
跳過字符繪制處:中斷裝飾線,以顯示文字裝飾件將穿過該字形的文字。使用者代理可能還會在該字形輪廓的兩側額外的跳過一段距離。
edges:
使用者代理應當將裝飾線的起始、結束放置在文字內容邊緣更靠內的位置,使得諸如兩個緊密相鄰的元素的下劃線不會顯示為一條下劃線。(這在中文裡很重要,對於中文,下劃線是一種標點符號。)
box-decoration:
跳過盒子的 margin, border, padding 區域。需要注意的是,這只針對祖先的裝飾效果,裝飾盒不會繪制自身的裝飾。

說明:

定義元素文字裝飾線條必須跳過內容中的哪些部分。
  • 對應的腳本特性為:textDecorationSkip

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0-16.0 40.0-59.0 40.0-64.0 8.0-11.0-webkit-#1 15.0-29.0 8.0-11.3-webkit-#1 4.4-62.0 28.0-64.0
  1. 僅支援none, objectsink取值

示例: