2013.10.10

枠線の太さを指定 [border-width]

  • このエントリーをはてなブックマークに追加

border-top-width: 太さ (上の枠線の太さ)
border-bottom-width: 太さ (下の枠線の太さ)
border-left-width: 太さ (左の枠線の太さ)
border-right-width: 太さ (右の枠線の太さ)
border-width: 太さ (上・下・左・右の枠線の太さ)

[CSS]

.sample1{border-top-width:5px}
.sample2{border-bottom-width:thin}
.sample3{border-left-width:medium}
.sample4{border-right-width:thick}
.sample5{border-width:1em}

「thin」は「細い枠線」、「medium」は「中くらいの枠線」、「thick」は「太い枠線」

・topが5pxの場合

国境のトンネルを抜けると、窓の外の夜の底が白くなった

・bottomがthinの場合

国境のトンネルを抜けると、窓の外の夜の底が白くなった

・leftがmediumの場合

国境のトンネルを抜けると、窓の外の夜の底が白くなった

・rightがthickの場合

国境のトンネルを抜けると、窓の外の夜の底が白くなった

・全体が1emの場合

国境のトンネルを抜けると、窓の外の夜の底が白くなった

  • このエントリーをはてなブックマークに追加

CSS

ソーシャルメディアでもご購読できます。

« »

トップ