プロパティ 設定すること 値（例） 値の説明 セレクタ（適応タグ） 詳細説明 サンプル background 背景画像 fixed black 等 様々なプロパティの値をスペースで区切ります <body>
<p>☆ ★ background-attachment 背景画像のスクロール scroll
fixedスクロールする
固定する☆ ★ background-color 文字やページの
背景色black
#000000色のユニット <div><span><h1> background-image 背景画像 url 背景画像のURL <span> background-position 背景画像の表示位置 left
center
right
10pt左
中央
右
長さのユニット<body>
<p>☆ ★ background-repeat 背景画像の並べ方 repeat
repeat-x
repeat-y
no-repeat縦横に並べる
画面上に横に並べる
画面左に縦に並べる
並べない☆ ★
★
★border 枠線 10pt solid black 上下左右全ての設定をします border-bottom 枠線（下） 10pt solid black 太さ、スタイル、色を設定できます border-bottom-width 枠線下側太さ thin
medium
thick
10pt細く
普通
太く
長さのユニットborder-color 枠線の色 blue
#ff00ffスペースで区切ると上 右 下 左の順で設定できます。
色のユニット<div> border-left 枠線（左） 10pt solid black 太さ、スタイル、色を設定できます border-left-width 枠線左側太さ thin
medium
thick
10pt細く
普通
太く
長さのユニットborder-right 枠線（右） 10pt solid black 太さ、スタイル、色を設定できます border-right-width 枠線右側太さ thin
medium
thick
10pt細く
普通
太く
長さのユニットborder-style 枠線のスタイル none
groov
ridge
solid
double
inset
outset
dotted
dashed枠無し
凹線
凸線
実線枠
2重線枠
ボックス凹
ボックス凸
点線
破線<div> ☆ ★ border-top 枠線（上） 10pt solid black 太さ、スタイル、色を設定できます border-top-width 枠線上側太さ thin
medium
thick
10pt細く
普通
太く
長さのユニットborder-width 枠線の太さ 10pt スペースで区切ると上 右 下 左の順で設定できます <div> clear 回り込みの解除 none
left
right
both両側に回り込ませる
左配置の解除
右配置の解除
両側配置の解除clip positionプロパティでabusoluteを指定した時の見える範囲 auto
100px（上 右 下 左）の四角の座標clipの指定なし
長さのユニット
☆ ★ color 色 pink
#ffffff色のユニット <div><span> display 指定した範囲の表示 block
inline
list-item
noneボックスとして表示
インラインのボックスとして表示
リストとして表示
表示しない<p>
<em>
<li>
<img>flote オブジェクトの配置 non
left
right回り込みなし
左に配置しテキストを右に回り込ませます
右に配置しテキストを左に回り込ませます<img> font フォント 「font-style」「font-variant」「font-weight」
「font-size」「line-height」「font-family」
の値を順でスペースでつなぎます。
「line-height」は”/”でつなぎます。font-family フォントの種類 ’MS 明朝’ <div> font-size 文字の大きさ xx-small
x-small
small
medium
large
x-large
xx-large
20pt/1cm標準
<div> font-style フォントのスタイル normal
italic
oblique標準フォント
イタリック体
斜体<div> font-variant normal
small-caps標準フォント
大文字のような小文字フォントfont-weight 文字の太さ normal
bold
bolder
lighter
100〜900標準フォント/400
太字フォント/700
１段太いフォント
１段細いフォント
100飛びの数字<div> height ボックス内表示エリアの高さ auto
100px自動設定
長さのユニットleft positionプロパティを指定した時の左からの距離 auto
100px自動設定
長さのユニット☆ ★ letter-spacing 文字間の間隔 normal
10pt標準に戻します
長さのユニット<div><span> ☆ ★ line-brake 禁則処理 strike
normalline-height 行の高さ normal
1.2
10px標準に戻します
標準の1.2倍
長さのユニット<div> list-style リスト項目のマーク 「list-style-image」「list-style-pisition」
「list-style-type」の値をスペースで区切るlist-style-image リスト項目の画像 url
none画像のurl
表示なしlist-style-pisition リスト項目のマークの表示位置 inside
outside2行目がマーカの下から
2行目がマークの右からlist-style-type リスト項目のマーク disc
circle
square
decimal
lower-roman
upper-roman
lower-alpha
upper-alpha
none黒丸
白丸
四角
数字
小文字ローマ字
大文字ローマ字
小文字アルファベット
大文字アルファベット
表示なしmargin ボックスの外側の間隔 5pt スペースまたは”，”で区切ると上 右 下 左の順で設定できます margin-bottom ボックスの下外側の間隔 auto
10pt自動設定
長さのユニット<hr>
<div>☆ ★ margin-left ボックスの左外側の間隔 margin-right ボックスの右外側の間隔 margin-top ボックスの上外側の間隔 overflow positionとwidth/heightプロパティを指定した時の表示 none
clip
scroll内容に応じて自動的に拡張
クリッピングで表示
スクロールして表示padding ボックスの内側の間隔 5pt スペースまたは”，”で区切ると上 右 下 左の順で設定できます padding-bottom ボックスの下内側の間隔 10pt 長さのユニット <hr>
<div>☆ ★ padding-left ボックスの左内側の間隔 padding-right ボックスの右内側の間隔 padding-top ボックスの上内側の間隔 position 指定した範囲の表示位置の値 absolute
relative
staticページ左上からの絶対位置
前のコンテンツからの相対位置
標準状態☆ ★ ruby-aline ルビの配置 left
center
right
distribute-letter
distribute-space
line-adgeruby-position ルビの位置 above
inlinetext-align 文字の水平位置 center
left
right
justify中央
左
右
両端ぞろい<div> text-decoration 文字の線による修飾 none
underline
overline
line-through
blink修飾なし
下線
上線
取消し線
文字の点滅<div> ☆ ★ text-indent インデント（字下げ） 3em 長さのユニット <div><p> text-justy 文字の均等割付 distribute-all-line text-transform 文字の種類 none
capitalize
transform
lowercaseそのままで書きます
１文字目を大文字でで書きます
大文字に変換します
小文字に変換します<div> top positionプロパティを指定した時の上からの距離 auto
100px自動設定
長さのユニット☆ ★ vertical-align 文字の縦位置 top
middle
bottom上
中
下☆ ★ visibility 指定した範囲を表示するかどうか inherit
visible
hidden指定無しの状態
標準の状態
透明で表示width ボックス内表示エリアの幅 auto
100px自動設定
長さのユニットwhite-space 「半角スペース」「タブ」「改行」の扱い nominal
pre
nowrap１つの半角スペースにする
記述された通りに表示
改行せずに表示<pre> word-brake 改行処理 brake-all
keep-all
normalword-spacing 単語間の間隔 normal
10pt標準に戻します
長さのユニット<div> ☆ ★ z-index positionプロパティを指定した時の重なる順序 auto
2自動設定
整数（数が大きい方が上））☆ ★