2

borderたとえば、底部を除いて、コンテナのすべての側面でを実現するためのベスト CSS プラクティスは何ですか?

プロパティは、border各側に異なる値を指定できません。

オプション 1:ルールの上書き

border: 1px solid red;
border-bottom: none;
  • 追加の計算が必要なようです — CSS のリセットと同様の欠点 (少なくとも哲学的に)。

オプション 2:特定のルールを設定する

border-top: 1px solid red;
border-left: 1px solid red;
border-right: 1px solid red;
  • より正しいかもしれません（CSSの「セマンティクス」に関して）
  • ただし、境界線の詳細を変更する場合は、複数の変更が必要になります (管理が難しくなります)。
4

2 に答える 2

1

実際には、それは完全にあなた次第です。あなたにとってより便利なものは、すべての境界線を同じにしたい場合など、いくつかの状態にも依存しcolorます.1番目に行きますが、両側の色を変更する必要があると思う場合近い将来、私は 2 番目の 1 を使用しますが、今のところ、最初のオプションに固執します

理由:

  • CSS の記述が少ない
  • 具体的には、私が欲しいことを示していborder-bottomますnone
  • property: valueあなたが言ったように、変更が必要な場合は、毎回変更する必要はありません

適切なセマンティクスと言うと、適切なセマンティクスは次のように非常に具体的に定義します

border-color: /*Whatever*/;
border-width: /*Whatever*/;
border-style: /*Whatever*/;

ここで、あなたはこれを具体的にしたくないと確信しています

于 2012-11-25T18:33:13.583 に答える
0

値を1回だけ指定する場合は、すべての色と幅を指定してから、側面専用のスタイルを指定できます。

border-color: red;
border-width: 1px;
border-style: solid solid none solid;
于 2012-11-25T18:42:21.097 に答える