CSSにおけるさまざまな単位

全4回

CSSには、pxやremといった実務でよく扱う単位もあれば、HzやkHzのようにまだ実装がなく利用できない単位もあります。本シリーズでは、CSSで使われる単位の意味や利用方法について解説します。

最終回 絶対長の単位、角度・時間・周期・解像度に関する単位

ウェブサイト制作では印刷用のページの指定で利用する、物理的な長さである絶対長の単位を解説します。このほか、角度・時間・周期・解像度に関する単位についても見てみましょう。

第3回 コンテナクエリーに関する単位

CSSで使う単位のうち、コンテナクエリーに関する単位を取り上げます。クエリーコンテナの大きさに対する割合を指定できるので、包含ブロックの割合やビューポートの大きさの割合ではできない指定ができます。

第2回 ビューポートに関する単位

CSSで使う単位のうち、ビューポートに関する単位を取り上げます。ページをスクロールすることでアドレスバーの大きさが変化するスマートフォンのブラウザの場合などに利用できる単位を中心に見てみましょう。

第1回 フォントに関する単位

CSSで使う単位のうち、フォントに関する単位を取り上げます。em、rem、lh、rlhなど、実務でもよく使われる単位について見てみましょう。