CSSの枠線の幅
CSSの枠線の幅
border-widthプロパティは4つの境界線の幅を指定します。
幅は、特定のサイズ(px、pt、cm、emなど)として設定するか、事前に定義された3つの値 (thin、medium、thick)のいずれかを使用して設定できます。
例
さまざまな枠線の幅のデモ:
p.one{
border-style: solid;
border-width: 5px;
}
p.two{
border-style: solid;
border-width: medium;
}
p.three{
border-style: dotted;
border-width: 2px;
}
p.four{
border-style: dotted;
border-width: thick;
}
結果：
5pxの枠線の幅
中程度の枠線の幅
2pxの枠線の幅
太い枠線の幅
特定の横幅
border-widthプロパティには1～4つの値を指定できます(上境界線、右境界線、下境界線、および左境界線)。
例
p.one {
border-style: solid;
border-width: 5px 20px; /* 上下5px、左右20px */
}
p.two {
border-style: solid;
border-width: 20px 5px; /* 上下20px、左右5px */
}
p.three {
border-style: solid;
border-width: 25px 10px 4px 35px; /* 上25px、右10px、下4px、左35px */
}
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。