|
|
border-left-width・・・・・左ボーダーの太さを指定する
border-left-widthプロパティは、左ボーダーの太さを指定する際に使用します。 上下左右のボーダーの太さをまとめて指定する際には、border-widthを使用してください。 ■ボーダー太さの値
■使用例スタイルシート部分は外部ファイル(sample.css)に記述。p {border-style: solid;}p.sample1 {border-left-width: 5px;} p.sample2 {border-left-width: 1em;} p.sample3 {border-left-width: thin;} p.sample4 {border-left-width: medium;} p.sample5 {border-left-width: thick;} HTMLソース<html><head> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <p class="sample1">5px</p> <p class="sample2">1em</p> <p class="sample3">thin</p> <p class="sample4">medium</p> <p class="sample5">thick</p> </body> </html> ↓↓↓ ブラウザ上の表示5px 1em thin medium thick ■関連項目
border・・・・・・・・・・・・・・・・・・・・・・・ボーダーのスタイル・太さ・色を指定する
border-color・・・・・・・・・・・・・・・・・ボーダーの色を指定する border-style・・・・・・・・・・・・・・・・・ボーダーのスタイルを指定する border-width・・・・・・・・・・・・・・・・ボーダーの太さを指定する border-top・・・・・・・・・・・・・・・・・・上ボーダーのスタイル・太さ・色を指定する border-top-color・・・・・・・・・・・・上ボーダーの色を指定する border-top-style・・・・・・・・・・・・上ボーダーのスタイルを指定する border-top-width・・・・・・・・・・・・上ボーダーの太さを指定する border-bottom・・・・・・・・・・・・・・・下ボーダーのスタイル・太さ・色を指定する border-bottom-color・・・・・・・・・下ボーダーの色を指定する border-bottom-style・・・・・・・・・下ボーダーのスタイルを指定する border-bottom-width・・・・・・・・・下ボーダーの太さを指定する border-left・・・・・・・・・・・・・・・・・・左ボーダーのスタイル・太さ・色を指定する border-left-color・・・・・・・・・・・・・左ボーダーの色を指定する border-left-style・・・・・・・・・・・・・左ボーダーのスタイルを指定する border-left-width・・・・・・・・・・・・左ボーダーの太さを指定する border-right・・・・・・・・・・・・・・・・・右ボーダーのスタイル・太さ・色を指定する border-right-color・・・・・・・・・・・右ボーダーの色を指定する border-right-style・・・・・・・・・・・右ボーダーのスタイルを指定する border-right-width・・・・・・・・・・・右ボーダーの太さを指定する |
|