CSS3 Pre-Reference



punctuation-trim

全角パンクチュエーションのカーニング

試す






コード

#containe p {
    punctuation-trim: none;
}

サンプル

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

コメントする


対応ブラウザ

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

パラメータ

none | [start || [ end | allow-end ] || adjacent]
初期値 none
適用 すべての要素
継承 する
レベル 3
%の解釈 -
適用メディア Vidual
参考文献 CSS Text Level 3#8.3. Fullwidth Punctuation Kerning: the ‘punctuation-trim’ property

解説

全角のパンクチュエーション(記号類)の前後の余白を制御します。

none
カーニングしません。
start
行の開始位置にある開始記号("「"、"{"や"【"など)の文字の左側の余白半分を切り取ります。
end
行の終了位置にある終了記号("」"、"}"や"】"など)の文字の右側の余白半分を切り取ります。
allow-end
均等割付する前にフィットしない場合にのみ、行の終了位置にある終了記号("」"、"}"や"】"など)の文字の右側の余白半分を切り取ります。
adjacent
パンクチュエーションが2つ連続する場合に、適宜パンクチュエーションの余白を半分切り取ります。

トラックバック

投稿されたコメント