CSS3 Pre-Reference



text-decoration-skip

文字線の対象

試す





コード

#containe {
    text-decoration-line: underline;
    text-decoration-skip: none;
}

サンプル

その後(けむり)したから火がある。吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。
到底(あと)ってしまった。これは減る、しばらくしているがない。
これをFirefoxアイコン守らなければなら家内(めしびつ)まれた御馳走は人を見出(こたつ)って一間(まった上、朝は我儘(と見えてこれをかぶせたり、今日(かない)ねばよい昼ははなはだ不人望で泣き出すので正当に住んであるまい。しかもあとって行くと。その後(たび)める事やらいくら出してやれといったまま奥へ這入(はい)ったら書生の上から食物(とうてい)いての中である。

コメントする


対応ブラウザ

Firefox
まだ
Chrome/Safari
まだ
Opera
まだ
InternetExplorer
まだ

パラメータ

none | [ images || spaces || ink || all ]
初期値 images
適用 すべての要素
継承 する
レベル 3
%の解釈 -
適用メディア Visual
参考文献 CSS Text Level 3#10.1.5. Text Decoration Line Continuity: the ‘text-decoration-skip’ property

解説

文字線を引かない対象を指定します。このプロパティは他の文字線プロパティと異なり、継承されます。

CSS3になって、文字線はかなり細かく装飾できるようになりました。線の色、種類、画像などの上も引くのか、下線の場合は位置も指定できます。

キーワードは以下の通り。しかしallが他と併用できるのは、構文がおかしい気もします。特に支障はありませんが。

none
何もスキップしません。
images
画像をスキップします。
spaces
空白類、つまりタブやスペースをスキップします。
ink
文字をスキップします。
all
すべてスキップします。

トラックバック

投稿されたコメント