CSS3

プロパティ

inline-sizing

[Edge]⛌？。→●、mdn

行内ボックスの縦幅。

このプロパティは、［行内ボックスの内容区画の論理縦幅は、その内容との関係において、どう測定されるか］を指定する。これには、［ボックスの内容／行ボックス／その他の内容］のサイズや位置に対する効果は無い。

課題： この名前は【inline-size と】混同されやすい。新たな名前が必要である。課題 #5189

normal

行内ボックス の 内容区画 は、内容を成すテキストに可用な最初のフォント（場合によっては、仮のそれ【支柱】）が収まるようにサイズされ、位置される。この仕様では、その方法は指定されない。ユーザー エージェントは、例えば、フォントの最大［アセンダ／ディセンダ］を利用してもよい（これは、em ボックスの［上／下］に、はみ出るグリフも内容区画の中に入りきることを確保するが、ボックスのサイズはフォントごとにまちまちになり得る）。

注記： 複数のフォントが利用される場合でも（利用するグリフが異なるフォント内に見出されたときに起こる）、内容区画の論理縦幅は、フォールバック フォントに属するグリフからは影響されず、可用な最初のフォントのみに依存する。しかしながら、これらのフォールバック グリフは、line-height が normal のときには、依然として、行ボックスのサイズに影響し得る ─ § 行内ボックスが供与する論理縦幅 を見よ。

stretch

行内ボックスが属する 行ボックス が［normal のときと同じにサイズされ、その内容が位置された後］に、行内ボックスの各辺は、その［上面／下面］マージン辺が行ボックスの対応する各辺に一致するようずらされる ─ ブロック軸 おいて、行内ボックスの 内縁サイズ は、その 外縁サイズ が行ボックスを埋めるように伸張される（行内ボックスの フロー内 にある内容の［サイズ、位置］は影響されない。）

注記： height プロパティは、行内ボックスには適用されない。

注記： line-height による行内ボックスのサイズに対する影響は無い。それが影響するのは、行内ボックスが行ボックスの論理縦幅に供与するサイズに限られる。

テスト