エレメントのサイズと単位について解説します。
スタイルパネルのサイズ
からエレメントのサイズを設定できます。
エレメントのサイズ設定
それぞれのサイズ設定について解説します。
基本的に、width(幅)とheight(高さ)を指定できるのは「エレメントの中身」に対してであることを頭に入れておきましょう。
Width → エレメントの横幅
Height → エレメントの縦幅
Max W → エレメントの最大の横幅
Max H → エレメントの最大の縦幅
Min W → エレメントの最小の横幅
Min H → エレメントの最小の縦幅
Grow → エレメントの比率
Shrink → エレメントの縮み方の比率
サイズの単位
青色の単位を押下すると以下のような単位の種類が表示されます。
PX → 絶対的な長さの単位
% → 基準となる長さに対する倍率やパーセント値、相対的なサイズ設定
auto → WidthとHeightの初期値。自動的にエレメントのサイズに合わせる設定