BreathTake/ホームページ作成の小技・CSS篇

*
ホームページ作成の小技タイトル・CSS篇・イメージ写真
CSSの小技 ボックス表示

CSSの小技 ボックス表示 見本

あいうえお・ABCDE・アイウエオ

上のボックスの値

<STYLE TYPE = "text/css">
.main_box {
/* 枠線のスタイル */
   border-style : solid ;
/* 枠線の色 */
   border-color : #dcdcdc ;
/* 枠線の幅 */
   border-width : 3px ;
/* 枠線の余白 */
   margin : 5px ;
/* 枠線からの距離 */
   padding : 5px ;
}

ボックスの値の指定

■枠線のスタイル
none 表示しない(初期値)
hidden 表示しない
solid 1本線で表示
double 2本線で表示
groove へこんで見えるように表示
ridge 飛び出して見えるように表示
inset 枠の内側がへこんで見えるように表示
outset 枠の内側が飛び出して見えるように表示
dashed 破線で表示
dotted 点線で表示

■枠線の色 
■枠線の幅 
■枠線と枠線との距離 
■枠線と文字との距離 

Copyright © 2011 BreathTake All Rights Reserved