inline-size プロパティ

　inline-size プロパティは、ブロックエレメントにおける横書きでは幅、縦書きでは高さを指定する CSS のプロパティです。
　writing-mode との組み合わせが有用です。 writing-mode はその指定値によって横書きや縦書きができます。

inline-size プロパティ

.contents {
	inline-size: 30em;
	block-size : 8em;
}

詳しくは Example を参照してください

　高さ、inline-size に対して垂直方向の長さは block-size プロパティです。詳しくは、 block-size プロパティを参照してください。

　block-size は横書きにおいてはその高さ、縦書きにおいてはその幅になります。 inline-size は横書きにおいてはその幅、縦書きにおいてはその高さになります。

構文(Syntax)

inline-size: auto | length | % | keyword ;

＊以下は試す必要があります。

値の取得

String = object.style.blockSize;

値の設定

object.style.blockSize=" auto | length | % | keyword ";

Value	摘要
auto	デフォルト値。多くの場合は親エレメントの横幅
length	CSS の長さ
%	割合
keyword	max-content、min-content、fit-content( )
initial	初期値に戻す
inherit	親エレメントのプロパティを継承

　inline-size プロパティの例です。横書きと縦書き同じ値を指定しています。横書きの場合は幅として、縦書きの場合は高さとして設定されます。

HTML内容

CSS内容

　以下のような inline-size に関連する CSS プロパティがあります。