Artikel von

Joel Olawanle

Frontend-Entwickler und technischer Autor.

Direkter Link zum Artikel overflow-clip-margin

overflow-clip-margin

Die CSS-Eigenschaft overflow-clip-margin bestimmt, wie weit der Überlauf eines Elements über den Elementrahmen hinausgehen kann, bevor er abgeschnitten wird. Dieser Bereich wird als overflow clip edge bezeichnet.

.element {
  height: 100px;
  overflow: clip; /* required */
  overflow-clip-margin: 
Direkter Link zum Artikel scale

scale

Die CSS-Eigenschaft scale vergrößert oder verkleinert die Breite und Höhe eines Elements proportional. Wenn wir also ein Element haben, das 100 Pixel im Quadrat groß ist, verdoppelt eine Skalierung um den Wert 2 die Abmessungen auf 200 Pixel im Quadrat. Ebenso ein …

Direkter Link zum Artikel translate

translate

Die CSS-Eigenschaft translate ermöglicht es Ihnen, ein Element von einem Ort zum anderen entlang der X- (horizontal), Y- (vertikal) und Z-Achse (Tiefe) zu verschieben, ähnlich wie Sie es sich vorstellen würden, ein Element mit … zu bewegen.

Direkter Link zum Artikel rotate

rotate

Die CSS-Eigenschaft rotate dreht ein Element um eine oder mehrere Achsen. Stellen Sie sich vor, Sie stecken einen oder mehrere Stifte in ein Element und drehen das Element um diese Punkte im und gegen den Uhrzeigersinn, gemessen in Grad, …

Direkter Link zum Artikel padding-block

padding-block

padding-block ist eine CSS logische Kurzschreibweise, die die Eigenschaften padding-block-start und padding-block-end in einer einzigen Deklaration kombiniert und somit Platz um den Inhalt eines Elements in **Blockrichtung** (oben und unten) schafft.

.element {
  padding-block: 30px 60px;
  writing-mode: vertical-rl; /* Determines 
Direkter Link zum Artikel padding-inline

padding-inline

padding-inline ist eine CSS logische Kurzschreibweise, die die Eigenschaften padding-inline-start und padding-inline-end in einer einzigen Deklaration kombiniert und somit Platz um den Inhalt eines Elements in **Inline-Richtung** (links und rechts) schafft.

.element {
  padding-inline: 30px 60px;
  writing-mode: vertical-rl; /* Determines 
Direkter Link zum Artikel border-block

border-block

border-block ist eine CSS logische Kurzschreibweise, die border-block-color, border-block-style und border-block-width in einer einzigen Deklaration kombiniert.

.element {
  border-block: 5px solid red;
  writing-mode: horizontal-tb;
}

border-block ist das logische Äquivalent zu physikalischen Eigenschaften wie border-top und border-bottom

Direkter Link zum Artikel border-inline

border-inline

border-inline ist eine CSS logische Kurzschreibweise, die border-inline-color, border-inline-style und border-inline-width in einer einzigen Deklaration kombiniert und die Rahmen eines Elements in der Inline-Richtung (links und rechts) formatiert.

.element {
  border-inline: 5px solid red;
  writing-mode: horizontal-tb;
}

border-inline