学びBAR
  • Home
  • WEB関連知識のスキルアップ
    • Udemy 開催講座 >
      • HTML,CSSルール基礎知識 >
        • Udemy 1800円受講クーポン
    • セマンティックHTMLとは?
    • HTML特殊文字コード表
  • ストリートアカデミー講座
    • HTMLルール基礎 4h テキストダウンロード
  • 学びBARについて
  • コラム
  • お問合せ
HOME / WEB関連知識のスキルアップ / HTMLクイック・リファレンス / CSSの基本 /  CSSでの長さの指定

★CSSの基本

| CSSでの長さの指定

CSSで指定できる長さの単位は種類が豊富です。それぞれ特徴があるので目的に応じて使い分けます。
%(パーセント)、em(エム)、ex(エックス)は、 ブラウザの表示領域や他の要素サイズとの関係で算出される相対的なサイズ指定です。 ブラウザの操作によって変化する柔軟な単位であり、文字サイズの指定などに適しています。
px(ピクセル)は、スクリーンの1ピクセルの長さを1とした単位です。 実際にモニタに表示されるサイズは、そのモニタの解像度に依存するので、どのモニタで表示しても実寸がきっちり揃うということではありません。
pxはスクリーンで表示される際のレイアウトをピクセル単位できっちり揃えるのに適していますが、 pxで文字サイズを指定すると、古いブラウザではユーザーの操作で文字サイズを変更できなくなることがあるので注意してください。
mm(ミリメートル)、cm(センチメートル)、in(インチ)、pt(ポイント)、pc(パイカ)などの単位は、 主に印刷用として使用される単位です。
%親要素の領域や初期値を基準として、%で相対的にサイズを指定
em文字の高さを 1em とした単位
ex小文字のxの高さを1exとした単位
pxスクリーンの1ピクセルの長さを1pxとした単位
mmミリメートル
cmセンチメートル(1cm=10mm)
inインチ(1in=2.54cm)
ptポイント(1pt=1/72in)
pcパイカ(1pc=12pt)
写真

記事一覧へ
HOME                      ABOUT                      SERVICES                      UPDATES                     CONTACT
画像
1996-2024(c)Cre'ps design lab.  All rights reserved.
  • Home
  • WEB関連知識のスキルアップ
    • Udemy 開催講座 >
      • HTML,CSSルール基礎知識 >
        • Udemy 1800円受講クーポン
    • セマンティックHTMLとは?
    • HTML特殊文字コード表
  • ストリートアカデミー講座
    • HTMLルール基礎 4h テキストダウンロード
  • 学びBARについて
  • コラム
  • お問合せ