css - 境界線の幅と色の CSS を 1 つにまとめることはできますか?

Question

幅 1px の赤色の上枠を指定したいと思います。私はこのようにしようとしていましたが、うまくいくようです:

border-width: 1px 0px 0px;
border: 1px solid #ff0000;

ただし、1 つの CSS ステートメントだけでこれを行い、これら 2 つを組み合わせる方法はありますか?

境界線幅の以前の設定をオーバーライドする必要があるため、border-top だけを使用できないことに注意してください :-(

Answer 1

これはうまくいくはずです：

border-top: 1px solid #f00;

Answer 2

CSS3仕様によると：

'border' プロパティは、ボックスの 4 つの境界線すべてに同じ幅、色、およびスタイルを設定するための省略形のプロパティです。省略形の 'margin' および 'padding' プロパティとは異なり、'border' プロパティは 4 つの境界線に異なる値を設定できません。これを行うには、1 つ以上の他の境界線プロパティを使用する必要があります。

ただし、状況設定でborder-topは、他の境界線をデフォルトのままにしますnone。