Frage zum Wiki-Artikel „border-radius“

[Gunnar Bittersmann]

@@Matthias Scharwies

Ich finde die Logischen_Eigenschaften interessant, bleibe aber weiterhin bei den klassischen Angaben, da ich keine asiatischen / arabischen Texte veröffentliche.

Wie schon bei HTML verschenkst du auch bei CSS viele Möglichkeiten‽

Angenommen, du hast

.box { margin: 2em 3em 2em 1em }

Jetzt willst du für .special.box den vertikalen Abstand von 2em auf 4em erhöhen. Wie machst du das?

.special.box { margin: 4em 3em 4em 1em }

Meh. Verstoß gegen DRY (don’t repeat yourself). Wenn dann der Abstand nach links geändert werden soll, müsstest du das an zwei Stellen tun. Sowas sollte man vermeiden.

.special.box { margin-top: 4em; margin-bottom: 4em }

Wieder nicht DRY. Wenn der Abstand nach oben/unten von 4em auf 5em geändert werden soll, musst du das an zwei Stellen tun. Sowas sollte man vermeiden.

Die Lösung ist

.special.box { margin-block: 4em }

Dass die logischen Eigenschaften nur für von rechts nach links oder von oben nach unten Geschriebenes gut wären, ist (d)ein Irrglaube.

🖖 Живіть довго і процвітайте