Padding, Kurzschreibweise korrekt?
Hallo, ich bin mir bei folgender Sache gerade unsicher. In CSS gibt es ja sowohl eine ausführliche Schreibweise als auch eine Kurzschreibweise für Box-Elemente wie padding.
Wenn ich in CSS formuliere --> padding: 0 2rem 0 2rem, dann steht das doch für
padding-top: 0;
padding-right: 2rem;
padding-bottom: 0;
padding-left: 2rem;
Das habe ich so als Beispiel gefunden. Ich frage mich aber, warum der Urheber hier nicht einfach padding: 0 2rem; formuliert, weil da sowohl padding-top als auch padding-bottom hinsichtlich ihrer Werte identisch sind (und sich somit zusammenfassen lassen), als auch padding-right und padding-left identisch sind und sich ebenfalls zusammenfassen lassen.
Liege ich da richtig oder stehe ich auf dem Schlauch?
1 Antwort
Du liegst richtig. padding (genau wie z.B. margin) kann man ausführlich schreiben, es gibt aber auch vier Kurzschreibweisen mit 4, 3, 2 und einem Wert:
padding: top right bottom left;
padding: top left/right bottom;
padding: top/bottom left/right;
padding: all;
Als Besonderheit kann beim Wert 0 auch die Einheit weggelassen werden.