無料ホームページ作成情報 トップ > CSS(スタイルシート)入門 > 3-3)CSS(スタイルシート)の長さの単位
ご自分でホームページを作成・修正される方のために、ホームページ作成のためのコンテンツをご用意しました。すべて無料のコンテンツですのでお役立てください。なお、こちらのコンテンツに関してはサポートを行っていません。ご質問のメールなどはご遠慮いただければと思います。
CSS(スタイルシート)の長さの単位について
CSS(スタイルシート)では、長さや大きさを指定できます。
HTMLでは、指定できない値まで指定できるので、自由なデザインを実現できます。
まずは、絶対的な単位です。日常生活では、「mm」や「cm」がよく使用されますが、Wordなどのソフトウェアでは「pt」がよく使用されます。
単位 | 意味 | 例 |
---|---|---|
mm | ミリメートル | 10mm |
cm | センチメートル | 1cm |
in | インチ(1in = 2.54cm) | 1in |
pt | ポイント(72pt = 1in) | 10pt |
pc | パイカ(1pc = 12pt) | 1pc |
次に相対的な単位です(表全体に「14pt」という文字サイズが設定されています)。
単位 | 意味 | 例 |
---|---|---|
em | エム(Mを基準に1文字高) | 14ptの1em |
ex | エックスハイト(xを基準に1文字高) | 1ex |
px | ピクセル | 10px |
% | パーセント | 14ptの150% |
CSS(スタイルシート)入門メニュー
- 3-1)CSS(スタイルシート)の基本
- 3-2)CSS(スタイルシート)の記述方法
- 3-3)CSS(スタイルシート)の長さの単位
- 3-4)CSS(スタイルシート)でページを設定
- 3-5)CSS(スタイルシート)でリンクを装飾
- 3-6)CSS(スタイルシート)でスクロールバーとマウスポインタを変更
- 3-7)CSS(スタイルシート)でボックスを設定
- 3-8)CSS(スタイルシート)でボックスレイアウト
- 3-9)CSS(スタイルシート)で文字を設定1
- 3-10)CSS(スタイルシート)で段落や配置を設定
- 3-11)CSS(スタイルシート)の擬似要素で1行目と1文字目を設定
- 3-12)CSS(スタイルシート)でリストを設定
- 3-13)CSS(スタイルシート)で画像を設定
- 3-14)CSS(スタイルシート)で表を設定
- 3-15)CSS(スタイルシート)でフレームを設定
- 3-16)CSS(スタイルシート)でフォームを設定
格安です!ホームページ制作をご依頼ください!!
ホームページ制作は専門用語も多く、わかりにくいことも多いかと思います。ホームページの制作方法や制作費用、アクセス数アップ(SEO対策)などわかりにくいことがあればお気軽にお問い合わせください。