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 top and bottom, 20px on the sides */
}
p.two {
border-style: solid;
border-width: 20px 5px; /* 20px top and bottom, 5px on the sides */
}
p.three {
border-style: solid;
border-width: 25px 10px 4px 35px; /* 25px top, 10px right, 4px bottom and 35px left */
}
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。