CSSでの個別の側面の境界線
個別の側面に対するショートハンドプロパティも存在します:
border-left (左境界線)、
border-right (右境界線)、
border-top (上境界線)、border-bottom
(下境界線)。
プロパティborder-leftを使用して、
要素に左境界線だけを設定してみましょう:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border-left: 1px solid red;
}
:
では次に、左境界線と右境界線を同時に設定しましょう:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border-left: 1px solid red;
border-right: 1px solid red;
}
:
以下の見本に従ってページを再現してください:
以下の見本に従ってページを再現してください: