CSS基礎 練習問題 18:CSSボーダーの一括指定(border)
要素に幅1px、色黒、実線のボーダー(枠線)を設定したい場合、正しいCSSの書き方はどれか。
- border: 1px solid black;
- border: black 1px round;
- border-line: 1px solid black;
- border: solid;
- outline: 1px solid black;
正解と解説を見る
正解:border: 1px solid black;
borderプロパティは「幅」「スタイル」「色」の順に値を並べて一括指定でき、border: 1px solid black;と書くことで幅1px・実線・黒色の枠線が設定されます。
【正解の理由】
borderの一括指定は「線幅 線種 色」の順番で記述するのが正しい書式であり、solidは実線を意味するキーワードです。
【不正解の理由】
• 「border: black 1px round;」:値の順序が誤っており、さらにroundという線種は存在しない(dashedやdottedなどが正しい)
• 「border-line: 1px solid black;」:border-lineというプロパティ自体がCSSに存在しない
• 「border: solid;」:線種のみの指定で幅や色が省略されており、要求されている1pxの幅と黒色が反映されない
• 「outline: 1px solid black;」:outlineは要素の外側に描かれる輪郭線でレイアウトに影響しない別のプロパティであり、通常のボーダーとは異なる