CSS/Eigenschaften/contain
Aus SELFHTML-Wiki
< CSS | Eigenschaften
Die Eigenschaft contain ermöglicht es einem Autor, anzugeben, dass ein Element und sein Inhalt so weit wie möglich unabhängig vom Rest des Dokumentbaums sind. Dadurch können User-Agents bei der korrekten Darstellung einer Seite mit contain wesentlich stärkere Optimierungen vornehmen, und die Autoren können sicher sein, dass ihre Seite nicht versehentlich aufgrund einer harmlosen Änderung in einen langsamen Codepfad gerät.
- Browserunterstützung
- caniuse.com
erlaubte Werte |
|
---|---|
anwendbar auf | alle Elemente |
Browsersupport | Details: caniuse.com |
Vererbung | nein |
animierbar | nein |
Beispiel
main {
contain: inline-size;
}
.
Beachten Sie: Der Wert
inline-size
schaltet die Begrenzung der Inline-Größe für das Element ein. Dadurch wird verhindert, dass die Inline-Größe des Hauptrahmens direkt von seinem Inhalt abhängt.Weblinks
- Spezifikation (CSSWG): contain-property CSS Containment Module Level 3
- smashing magazine: Helping Browsers Optimize With The CSS Contain Property von Rachel Andrews