∇ WEBプログラマー
便利帳
≫ CSS
HTML
CSS
*
*
*
総合サンプル
▼スポンサー広告
次の広告へ
☺
CSS
CSS
CSSとはHTMLと組み合わせて使用する言語です。
1・CSSの基本
(CSSの書き方)
2・CSSプロパティ
(目的別)
3・CSSプロパティ
(アルファベット順)
▼スポンサー広告
次の広告へ
☺
▼スポンサー広告
次の広告へ
☺
『
CSSプロパティ
(目的別)
』
ボックスレイアウト
border
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
線の太さや色、角丸を指定する
border-bottom
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
下線の太さや色、角丸を指定する
box-shadow
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
影やぼかしを指定する
display
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
様々な並び方を指定する
float
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
左右回り込みを指定する
height
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
高さを指定する
margin
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
外の余白を指定する
position
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
浮遊配置方法を指定する
width
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
幅を指定する
background
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
様々な背景を指定する
テキストレイアウト
color
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
色を指定する
font
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
まとめて指定する
font-weight
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
太さを指定する
line-height
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
行の高さを指定する
overflow
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
はみ出た部分を指定する
text-align
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
左右の配置を指定する
text-shadow
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
影を指定する
text-decoration
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
線や点滅を指定する
vertical-align
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
上下の配置を指定する
white-space
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
スペースや改行の表示方法を指定する
font-weight
太さを指定する(テキスト)
Internet Explorer4~
Firefox1~
Google Chrome1~
Opera6~
Safari?~
値
記入例
font-weight :
数値
or
値
;
「100、200、300、400、500、600、700、800、900」で太さを指定します。
標準の太さとなります。(数値で400を指定した場合と同じ)
一般的な太字の太さとなります。(数値で700を指定した場合と同じ)
相対的に一段階細くなります。
相対的に一段階太くなります。
【 font-weight 属性 】
・
[
]
HTMLサンプルコード
※上記プロパティ値や下記のタグをクリックして、下のフォーム内に反映させて使用します。
表示結果
▼スポンサー広告
次の広告へ
☺
▼スポンサー広告
次の広告へ
☺