flex
Flexbox und Grid
Regelt in einem Schritt, wie freier Platz verteilt wird; flex: 1 teilt gleichmäßig.
| Schreibweise | flex: 1; |
|---|---|
| Gängige Werte | 1, none, 0 1 auto |
| Vererbt | Nein — sie endet hier |
| Setzt zugleich | flex-grow, flex-shrink, flex-basis |
| Kategorie | Flexbox und Grid |
So liest man das
- Eine vererbte Eigenschaft schreibt man einmal am Elternelement — alle Kinder übernehmen sie. Die meisten Texteigenschaften sind so.
- Eine Kurzschreibweise setzt Weggelassenes zurück. Nur background: red löscht auch ein zuvor gesetztes Hintergrundbild.
- Kollidieren Regeln, gewinnt der spezifischere Selektor; erst bei gleicher Spezifität zählt die Reihenfolge.
- Animieren Sie transform und opacity — das bleibt flüssig. width oder top zwingt zur Neuberechnung des Layouts.
Häufige Fragen
Q. Was ist die CSS-Eigenschaft flex?
Regelt in einem Schritt, wie freier Platz verteilt wird; flex: 1 teilt gleichmäßig.
Q. Wie schreibt man flex?
Als flex: 1; Gängige Werte sind 1, none, 0 1 auto.
Q. Wird flex vererbt?
Nein. Sie gilt nur dort, wo sie steht — jedes Element braucht seine eigene Angabe.
Q. Was setzt die Kurzform flex?
flex-grow, flex-shrink, flex-basis — Weggelassenes fällt auf den Standard zurück.