CSS-Kurzschreibweise für Rahmeneigenschaften

CSS Border - Kurzkürzelattribute

Wie Sie im vorherigen Kapitel sehen können, müssen Sie viele Eigenschaften berücksichtigen, wenn Sie mit Rändern umgehen.

Um den Code zu verkürzen, können Sie auch alle einzelnen Ränder in einer Eigenschaft angeben.

border Diese Eigenschaft ist eine Abkürzung für die folgenden Randeigenschaften:

  • border-width
  • border-style(notwendig)
  • border-color

Beispiel

p {
  border: 5px solid red;
}

Ergebnis:

Einige Texte

Probieren Sie es selbst aus

Sie können auch alle einzelnen Ränder einer Seite mit einer einzigen Eigenschaft angeben:

Linker Rand

p {
  border-left: 6px solid red;
  background-color: lightgrey;
}

Ergebnis:

Einige Texte

Probieren Sie es selbst aus

Unterbereitschrift

p {
  border-bottom: 6px solid red;
  background-color: lightgrey;
}

Ergebnis:

Einige Texte

Probieren Sie es selbst aus