@@Matthias Scharwies > Ich finde die [Logischen_Eigenschaften](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Boxmodell/Logische_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 ```css .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? ```css,bad .special.box { margin: 4em 3em 4em 1em } ``` Meh. Verstoß gegen DRY *(don’t repeat yourself)*{:@en}. Wenn dann der Abstand nach links geändert werden soll, müsstest du das an *zwei* Stellen tun. Sowas sollte man vermeiden. ```css,bad .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 ```css,good .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. 🖖 Живіть довго і процвітайте {:@uk} -- *Ad astra per aspera*{:@la}

@@Matthias Scharwies > Ich finde die [Logischen_Eigenschaften](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Boxmodell/Logische_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 ```css .box { margin: 2em 3em 2em 1em } ``` Jetzt willst du für `.special.box` den vertikalen Abstand auf 4em erhöhen. Wie machst du das? ```css,bad .special.box { margin: 4em 3em 4em 1em } ``` Meh. Verstoß gegen DRY *(don’t repeat yourself)*{:@en}. Wenn dann der Abstand nach links geändert werden soll, müsstest du das an *zwei* Stellen tun. Sowas sollte man vermeiden. ```css,bad .special.box { margin-top: 4em; margin-bottom: 4em } ``` Wieder nicht DRY. Wenn der Abstand nach oben/unten geändert werden soll, musst du das an *zwei* Stellen tun. Sowas sollte man vermeiden. Die Lösung ist ```css,good .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. 🖖 Живіть довго і процвітайте {:@uk} -- *Ad astra per aspera*{:@la}