∇ WEBプログラマー 便利帳 ≫ CSS
HTML CSS
*
▼スポンサー広告
次の広告へ
▼スポンサー広告
次の広告へ
▼スポンサー広告
次の広告へ
CSSプロパティ(アルファベット順)
border ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
線の太さや色、角丸を指定する (ボックス)
border-bottom ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
下線の太さや色、角丸を指定する (ボックス)
box-shadow ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
影やぼかしを指定する (ボックス)
background・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
様々な背景を指定する(ボックス)
color ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
色を指定する (テキスト)
cursor・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
カーソルの形状を指定する(その他)
display ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
様々な並び方を指定する (ボックス)
float ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
左右回り込みを指定する (ボックス)
font ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
まとめて指定する (テキスト)
font-weight ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
太さを指定する (テキスト)
height ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
高さを指定する (ボックス)
line-height ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
行の高さを指定する (テキスト)
margin ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
外の余白を指定する (ボックス)
overflow・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
はみ出た部分を指定する(テキスト)
position ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
浮遊配置方法を指定する (ボックス)
text-align ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
左右の配置を指定する (テキスト)
text-shadow ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
影を指定する (テキスト)
text-decoration ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
線や点滅を指定する (テキスト)
vertical-align ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
上下の配置を指定する (テキスト)
white-space ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
スペースや改行の表示方法を指定する (テキスト)
width ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
幅を指定する (ボックス)
border
線の太さや色、角丸を指定する(ボックス)
Internet Explorer4~
Firefox1~
Google Chrome1~
Opera6~
Safari?~
記入例
border :
数値
;
+
属性プロパティ
ボーダーは表示されません。(初期値)
1本線で表示されます。
2本線で表示されます。
立体的に窪んだ線で表示されます。
立体的に隆起した線で表示されます。
上と左が暗く、下と右が明るく表示、立体的に窪んだように表示されます。
上と左が明るく、下と右が暗く表示、立体的に隆起したように表示されます。
破線で表示されます。
点線で表示されます。
【 border 属性 】
border-radius
[
ボックスの角丸を指定する
]
「数値」はボーダー線の太さを「px」にて記入します。
「色」はボーダー線の色をカラーコードやカラーネームで記入します。

属性プロパティ
・border-radius[ボックスの角丸を指定する]

HTMLサンプルコード
※上記プロパティ値や下記のタグをクリックして、下のフォーム内に反映させて使用します。
表示結果

▼スポンサー広告
次の広告へ
▼スポンサー広告
次の広告へ