CSS3: line-stacking-strategy プロパティ - 行ボックスを重ねる高さの指定

■ 概要

項  目説  明
記述形式 セレクタ {line-stacking-strategy: }
値 の形式 inline-line-heightblock-line-heightmax-heightgrid-height
初 期 値 inline-line-height
対応ブラウザー C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+
適用可能な要素 ブロックレベル要素
継  承 する

■ 解説

line-stacking-strategyプロパティ は,行ボックスを重ねる高さ を指定します。

指定できる値の形式は,以下のとおりです。

説  明
inline-line-height 行ボックスを重ねる高さを,その行内の全てのインライン要素を適切に並べたときの拡大した行ボックスの最小の高さにします。 (初期値)
行間の値は行ボックスの高さに含まれていますので,これらの行ボックスを順にコンテナ内で重ねることになります。
line-height プロパティ の値は,インライン要素,ブロック要素ともに影響します。 インライン要素では,拡張された行ボックスの高さになり,ブロック要素では,拡張された行ボックスの高さの最小値になります。
block-line-height 行ボックスを重ねる高さを,line-height プロパティ の指定値により決定します。  ただし,インライン要素では,line-height プロパティ の値は無視されます。
この指定では,行ボックスはインライン・ボックスにより拘束されないため,行内のインライン・ボックスが前後の行ボックスと重なりをもつ形にしたいときには,この指定を用います。
max-height 行ボックスを重ねる高さを,その行内の全てのインライン要素を適切に並べたときの行ボックスの最小の高さにします。
line-height プロパティ の値は,ブロック要素にのみ影響します。
grid-height 行ボックスを重ねる高さを,その行内の全てのインライン要素を適切に並べたときのそれら全てを含むことができる line-height プロパティ の値の 最小の倍数 にします。
line-height プロパティ の値は,ブロック要素にのみ影響します。

■ 使用例( line-stacking プロパティの利用)

現在準備中です。

HTMLソース
CSS
<head> ~ </head>
<style type="text/css">
<!-- 
-->
</style>

■ 備考

【参考ページ】