Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

CSSの値TOPCSSValues

  1. 整数値と実数値<Integer> & <Number>
  2. 長さと単位(Length値)<Length>
  3. パーセンテージ<Percentage>
  4. アドレス<URI>
  5. カウンタ<Counter>
  6. 色の種類と値<Color>
  7. キーワードと文字列<Keyword> & <String>

パーセンテージPercentages% <percentage>

パーセンテージ値について

小数点を含む実数値と単位識別子"%"から構成され、基準値に対する割合を計算します。どの値を基準値とするかはプロパティによって異なります。

プロパティで異なるパーセンテージの基準値

font-sizeプロパティ

font-sizeプロパティのパーセンテージは、指定した要素のフォントサイズの現在値(継承値)が基準値となります。

p	{font-size: 120%}	フォントサイズ10pxの場合 → 12px
marginプロパティ

marginプロパティのパーセンテージは、指定した要素の最大幅が基準値となります。上下マージンについても幅が基準値となることに注意する必要があります。

p	{margin-bottom: 5%}	要素幅が600pxの場合、下部マージンは30px
line-heightプロパティ

line-heightプロパティのパーセンテージは、指定した要素のフォントサイズが基準値となります。

p	{line-height: 120%}	フォントサイズ10pxの場合 → 12px

パーセンテージ値の省略型記述

1%
+1%
-1%
パーセンテージ値の前に、+-符号を付加することができます。(省略した場合は正の値と見なされます)
0.0%
0
パーセンテージ値が0の場合のみ、小数点および単位を省略できます。
0.75%
.75%
パーセンテージ値が0未満の場合のみ、小数点より前の0を省略できます。
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.