CSS Reference

inline-size

書字方向に応じてボックスの幅と高さを指定する

inline-size プロパティは、書字方向に応じたボックスの水平または垂直方向の寸法を定義します。これは width、height プロパティに相当しますが、writing-mode の値によって変わります。

書字方向が横書きの場合は横方向、つまり width と同じになり、縦書きの場合は縦方向、つまり height と同じになります。

指定できる値は width、height プロパティと同じです。

inline-sizeの仕様

初期値
  • auto
対象となる要素
  • 置換されていないインラインボックス以外のすべての要素
継承
  • なし

inline-sizeのサンプルソース

.example {
  writing-mode: vertical-rl;
  inline-size: 200px;
}

主要ブラウザの対応

IE11 ×
Edge（EdgeHTML） ×
Edge（Chromium） ○
Chrome ○
Firefox ○
Safari ○
iOS Safari ○
Android Chrome ○

関連するプロパティ

仕様書

用途から CSS プロパティやセレクタを探す

用途から CSS プロパティやセレクタを逆引きできます。

対応ブラウザから CSS プロパティやセレクタを探す

対応ブラウザから CSS プロパティやセレクタを逆引きできます。

Edge（EdgeHTML）
Edge（Chromium）
Firefox
Chrome
Safari
iOS Safari
Android Chrome