CSS プロパティ一覧

メニュー

• ホーム
• 無料でホームページ作成
• ez-HTMLの使い方
• Microsoft
  Expression Web 4の使い方
• HTMLの基礎
• CSSの基礎
• ホームページ作成講座
• リファレンス
  • CSS　プロパティ一覧
  • デフォルトCSS一覧
  • ez-HTMLショートカット一覧
  • ez-HTMLスペシャルサイドバー機能一覧
  • ez-HTMLツールバー機能一覧
  • ez-HTMLメニュー一覧
  • ホームページ作成に役立つテクニック
  • ホームページ作成の本
  • HTML・CSSの本
• サイトについて
• リンク
• 掲示板
• たまちゃんのつぶやき

よく使うCSSのプロパティーをまとめました。

値の説明のほとんどは とほほのWWW入門 さんから引用、またはリンクさせて頂いています。
また、プロパティー名にもリンクををさせていただきました（表示例、使用例も充実しています）。

CSS　プロパティ一覧

プロパティ		効果	値	値の詳細	初期値	適用可能要素
background		背景色、画像、位置など	<color>、 <image>、 <repeat>、 <attachment>、 <position>、 <size>、 <origin>、 <clip>	<color>、 <image>、 <repeat>、 <attachment>、 <position>、 <origin> の組み合わせ	個々の属性	すべて
	background-color	背景色	<color>	<color>	transparent	すべて
	background-image	背景画像	<image>	<url> またはnone	none	すべて
	background-repeat	背景画像の繰り返し	<repeat>	repeat-x、 repeat-y、 repeat、 no-repeat、 space、 round の１または２つの組み合わせ	repeat	すべて
	background-attachment	背景画像のスクロール	<attachment>	scroll、 fixed 、 local 、 inheritのいずれか	scroll、	すべて
	background-position	背景画像の位置	<position>	center、 left、 right、 top、 bottom、 <percentage>、 <length> の１または２つの組み合わせ	0% 0%	すべて
	background-size	背景画像のサイズ	<size>	auto、 <length>、 <percentage>、 cover、 containのいずれか	auto	すべて
	background-origin	背景画像の基準位置	<box>	border-box、 padding-box、 content-boxのいずれか	border-box	すべて
	background-clip	背景画像の表示領域	<box>	border-box、 padding-box、 content-boxのいずれか	border-box	すべて
border		上下左右の線	<width>、 <style>、 <color>	<width> <style>、 <color> の組み合わせ	個々の属性	すべて
	border-top	上線
	border-right	右線
	border-bottom	下線
	border-left	左線
	border-width	線の太さ	<width>	<length>、 thin、 mediun、 thick のいずれか	mediun	すべて
	border-style	線種	<style>	none、 hidden、 dotted、 dashed、 solid、 double、 groove、 idge、 inset、 outset のいずれか	none、	すべて
	border-color		<color>	<color>	currentColor	すべて
float		回り込み	<floats>	left、 right、 none、 <page-floats>のいずれか	none	すべて
clear		回り込み解除	<clear>	none、 left、 lright、 lboth	none	ブロック要素
color		文字色	<color>	<color>	ユーザエージェントに依存	すべて
cursor		カーソル形状	<url>、 <cursor-type>	<url> または、 auto、 default、 none、 context-menu、 help、 pointer、 progress、 wait、 cell、 crosshair、 text、 vertical-text、 alias、 copy、 move、 no-drop、 not-allowed、 e-resize、 n-resize、 ne-resize、 nw-resize、 s-resize、 se-resize、 sw-resize、 w-resize、 ew-resize、 ns-resize、 nesw-resize、 nwse-resize、 col-resize、 row-resize、 all-scroll、 zoom-in、 zoom-out のいずれか	auto	すべて
display		形状	<display>	inline、 block、 inline-block、 list-itemなどのいずれか	inline	すべて
font		文字書体、大きさ、色など	<font> または <system-font>	<style>、 <variant>、 <weight>、 <size>、 <height>、 <family> の組み合わせ または、 caption、 icon、 menu、 message-box、 small-caption、 status-barのいずれか	個々の属性	すべて
	font-style	字体	<style>	normal、 italic、 obliqueのいずれか	normal	すべて
	font-variant		<variant>	normal、 small-caps など	normal	すべて
	font-weight	文字の太さ	<weight>	normal、 bold、 bolder、 lighter、 100、 200、 300、 400、 500、 600、 700、 800、 900 のいずれか	normal	すべて
	font-family	書体	<family-name> または <generic-family>	serif、 sans-serif、 cursive、 fantasy、 monospace などのいずれか、または複数指定	ユーザエージェントに依存	すべて
	font-size	文字の大きさ	<absolute-size> または <relative-size> または、長さ	xx-small、 x-small、 small、 medium、 large、 x-large、 xx-large、 larger、 smaller、 <length>、 <percentage> のいずれか	medium	すべて
height		縦幅	長さ	<length>、 <percentage>、 autoのいずれか	auto	すべて
letter-spacing		文字間隔	長さ	normal 、 <length>、 <percentage> のいずれか	normal	すべて
line-height		行間隔	長さ	normal、 <number>、 <length>、 <percentage>、 none のいずれか	normal	すべて
list-style		リストの形状、画像、位置など	<type>、 <image>、 <position>	<type>、 <image>、 <position> の組み合わせ	個々の属性	li などのリストアイテム要素
	list-style-type	リストの形状	<type>	<string>、 <counter-style>;、 inline、 noneなどのいずれか	disc	li などのリストアイテム要素
	list-style-image	リスト画像	<image>	<url> または none	none	li などのリストアイテム要素
	list-style-position	リストの位置	<position>	outside、 inside、 hanging のいずれか	outside	li などのリストアイテム要素
margin		要素の上下左右の外側の空間	長さ	<length>、 <percentage>、 auto	auto	すべて
	margin-top	要素の上の外側の空間
	margin-right	要素の右の外側の空間
	margin-bottom	要素の下の外側の空間
	margin-left	要素の左の外側の空間
padding		要素の上下左右の内側の空間	長さ	<length>、 <percentage> のどちらか	0	すべて
	padding-top	要素の上の内側の空間
	padding-right	要素の右の内側の空間
	padding-bottom	要素の下の内側の空間
	padding-left	要素の左の内側の空間
text-align		文字や画像などの配置	<text-align>	left、 center、 right、 start、 end、 <char>、 justify、 match-parent、 [start end]のいずれか（<char>は組み合わせ）	start、	ブロック要素
text-decoration		文字の下線など	<line>、 <style>、 <color>、 blinkの組み合わせ	none、 underline、 overline、 line-throughの組み合わせ または solid、 double、 dotted、 dashed、 wavyのいずれかと <color> の組み合わせ blinkは任意	none	すべて
text-indent		1文字目の空間	長さ	<length>、 <percentage>のどちらか　 hanging、 each-line	0	ブロック要素
width		横幅	長さ	<length>、 <percentage>、 autoのいずれか	auto	すべて

このページのトップ