html - CSS ですべてのオフセットサイドを一度に設定できますか?

Question

代わりに：

right:0px;
left:0px;
top:0px;
bottom:0px;

私はこのようなものを持つことができますか？

sides:0px;

score 15 · Accepted Answer

sidesいいえ、オフセットを設定するための省略形のプロパティはありません。それらをすべて個別に設定する必要があります。

margin、、paddingなど、ボックスの側面に関係する他の種類のプロパティの略記がありますが、位置オフセット、、および borderは省略できません。toprightbottomleft

score 3 · Accepted Answer

LESSやSassなどのプリプロセッサを使用している場合は、可能です。通常の CSS を使用している場合は、いいえ、まだ.

LESS での例

.sides (@length) {
  top: @length;
  bottom: @length;
  left: @length;
  right: @length;
}
div {
  .sides(0px);
}

@mixin sides($length) {
  top: $length;
  bottom: $length;
  left: $length;
  right: $length;
}
div {
 @include sides(0px);
}

score 2 · Accepted Answer

いいえ。一度にすべての値を同じ値に設定することはめったにないので、とにかくあまり役に立ちません。通常、それらのうちの 2 つ、つまりleftorrightとtopor bottomが同じ値になることはめったにないため、それを短縮する実際の方法はありません。

score -1 · Accepted Answer

他のデフォルトを上書きするためにオフセットを 0px に変更した場合は、次を使用することをお勧めします。

位置: 静的

すべての要素のデフォルトの配置は position:static です。これは、要素が配置されず、ドキュメント内で通常配置される場所に配置されることを意味します。

score -1 · Accepted Answer

使用しようとしている CSS 属性ではありませんが、ボーダー、マージン、パディングなどには使用できます。

score -1 · Accepted Answer

何かを配置しようとしていますか？left: 10px と right: 10px で何かを配置するのはちょっと奇妙に思えます。

しかし、いいえ、それらは近道ではありません... 通常、それらすべてを使用して配置することはありません。