CSS短縮境界プロパティ
CSSボーダー-省略形プロパティ
前のページで見たように、境界線を処理するときに考慮すべき多くのプロパティがあります。
コードを短くするために、1つのプロパティですべての個別の境界線プロパティを指定することもできます。
このborder
プロパティは、次の個々の境界線プロパティの省略形のプロパティです。
border-width
border-style
(必要)border-color
例
p {
border: 5px solid red;
}
結果:
Some text
片側だけにすべての個別の境界線プロパティを指定することもできます。
左ボーダー
p {
border-left: 6px solid red;
background-color: lightgrey;
}
結果:
Some text
下の境界線
p {
border-bottom: 6px solid red;
background-color: lightgrey;
}
結果:
Some text