CSS-Leitfäden - CSS | MDN

HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
Learn web development
Get to know MDN better
Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
View in English Always switch to English
Diese Seite listet CSS-Module auf, die widerspiegeln, wie CSS-Spezifikationen strukturiert sind. Jedes Modul bietet einen Überblick über die Spezifikation, listet die Funktionen auf, die es bietet (wie Eigenschaften, At-Regeln und Datentypen), und zeigt, wie sie sich auf andere Teile von CSS und die Webplattform beziehen. Sie können die Modul-Seiten als Ausgangspunkt verwenden, um durch die zugehörigen Leitfäden zu navigieren und sich tiefer in die Referenzdokumentation zu spezifischen Funktionen zu vertiefen.
Um auf die einzelnen Leitfäden innerhalb jedes Moduls zuzugreifen, klicken Sie auf einen Modulnamen aus der folgenden Liste, um seine Einstiegsseite zu besuchen, oder nutzen Sie die Seitenleiste, um direkt zu einem Thema zu navigieren und alle zugehörigen Leitfäden zu entdecken.
Das Modul CSS benutzerdefinierte Funktionen und Mixins ermöglicht Entwicklern das Erstellen von wiederverwendbaren CSS-Codeblöcken, die Argumente akzeptieren können, komplexe Logik enthalten (definiert durch Funktionen wie die CSS if() Funktionen und @media at-rules), und basierend auf dieser Logik Werte zurückgeben.
Das CSS box sizing-Modul ermöglicht es Ihnen, zu bestimmen, wie Elemente ihren Inhalt aufnehmen oder in einen bestimmten Layoutkontext passen. Es definiert Größen-, Mindest- und Höchstgrößen-Eigenschaften und erweitert die CSS-Größeneigenschaften um Schlüsselwörter, die inhaltsbasierte intrinsische Größen und kontextbasierte extrinsische Größen darstellen.
Das Modul der CSS Custom Highlight API bietet eine programmgesteuerte Möglichkeit, bestimmte Textbereiche zu definieren, die durch Range-Objekte spezifiziert werden, ohne die zugrunde liegende DOM-Struktur zu verändern. Die Range-Objekte können dann über ::highlight()-Pseudoelemente ausgewählt und mit Hervorhebungsstilen versehen oder entfernt werden. Mit den Funktionen dieses Moduls können Hervorhebungseffekte ähnlich denen in Texteditoren erzielt werden, die Rechtschreib- oder Grammatikfehler hervorheben, oder in Code-Editoren, die Syntaxfehler anzeigen.
Das CSS display Modul definiert, wie der CSS-Formatierungs-Box-Baum aus dem Dokumentelement-Baum generiert wird und definiert die Eigenschaften, die diesen steuern.
Das CSS Eigenschaften- und Werte-API-Modul definiert eine Methode zur Registrierung neuer CSS-Eigenschaften, zur Definition des Datentyps der Eigenschaften, des Verhaltens bei Vererbung und optional eines Anfangswerts. Dieses API erweitert das Modul CSS-Benutzereigenschaften für kaskadierende Variablen, das Autoren ermöglicht, benutzerdefinierte Eigenschaften in CSS mithilfe der Zwei-Strich-Syntax (--) zu definieren. Die CSS Eigenschaften- und Werte-API ist Teil der CSS Houdini Sammlung von APIs.
Das CSS Farbanpassungsmodul bietet ein Modell und steuert die automatische Farbanpassung durch den Benutzeragenten, um Benutzerpräferenzen wie "Dunkelmodus", Kontrasteinstellung und andere Farbschemavorgaben zu berücksichtigen.
Das CSS images-Modul definiert die Arten von Bildern, die verwendet werden können (den image-Typ, der URLs, Verläufe und andere Arten von Bildern enthält), wie sie skaliert werden und wie sie, sowie andere ersetzte Inhalte, mit den verschiedenen Layout-Modellen interagieren.
Das CSS Inline-Layout Modul definiert die Block-Achsen-Ausrichtung und Größenbestimmung von Inhalten auf Inline-Ebene und fügt einen speziellen Layout-Modus für Initialen hinzu. Es beschreibt das CSS-Formatierungsmodell für einen Fluss von Elementen und Text innerhalb eines Containers, der über mehrere Zeilen umbrochen wird.
Das Modul CSS logische Eigenschaften und Werte definiert logische Eigenschaften und Werte, die das Layout durch logische statt physische Richtungs- und Dimensionszuweisungen steuern können. Logische Eigenschaften definieren richtungsbezogene Entsprechungen zu ihren entsprechenden physischen Eigenschaften.
Die CSS overflow-Moduleigenschaften ermöglichen es Ihnen, scrollbar Overflow in visuellen Medien zu handhaben.
Das CSS Paged Media-Modul definiert die Eigenschaften, die die Darstellung von Inhalten für den Druck oder andere Medien, die Inhalte in einzelne Seiten unterteilen, steuern. Es ermöglicht Ihnen, Seitenumbrüche zu setzen, druckbare Bereiche zu kontrollieren und linke und rechte Seiten unterschiedlich zu gestalten.
Das CSS Rundanzeige-Modul definiert CSS-Erweiterungen zur Unterstützung einer runden Anzeige, wie z. B. bei Armbanduhren, um Entwicklern zu helfen, Webseiten zu erstellen, die für diese Geräte geeignet sind.
Das CSS Scoping-Modul definiert die Mechanismen zur CSS-Eingrenzung und -Kapselung und konzentriert sich auf den Shadow DOM Eingrenzungs-Mechanismus.
Das CSS Scroll Snap Modul bietet Eigenschaften, die es Ihnen ermöglichen, das Verhalten beim Schwenken und Scrollen durch Definieren von Snap-Positionen zu kontrollieren. Inhalte können in Position geschnappt werden, wenn der Benutzer innerhalb eines Scroll-Containers durch überlaufende Inhalte scrollt, was Paginierung und Scroll-Positionierung ermöglicht.
Das CSS Textdekoration-Modul definiert Funktionen im Zusammenhang mit Textdekorationen, wie Unterstreichungen, Textschatten und Betonungszeichen. Textdekorationseigenschaften können visuelle Hinweise auf Rechtschreibfehler, Grammatikprobleme und Links bieten. Diese Funktionen können dazu beitragen, die Benutzerfreundlichkeit, Zugänglichkeit, Funktionalität und Ästhetik Ihres Textes zu verbessern.
Das CSS will-change Modul bietet dem Browser einen Hinweis, um Optimierungen zu aktivieren, die die Rendering-Performance verbessern können, indem potenziell aufwendige Arbeiten vorab durch die will-change Eigenschaft durchgeführt werden.
Mit dem Modul CSS gaps können Sie Abstände („Gaps“) zwi