∇ WEBプログラマー 便利帳 ≫ CSS
HTML 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 ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
スペースや改行の表示方法を指定する
overflow
はみ出た部分を指定する(テキスト)
Internet Explorer?~
Firefox?~
Google Chrome?~
Opera?~
Safari?~
記入例
overflow :
;
ボックスからはみ出して表示される。(初期値)
収まらない部分は非表示となる。
スクロールバーで表示される。
内容が収まらない場合に、スクロールバーで表示される。
【 overflow 属性 】
[
]

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

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