Was ist style-Attribut?

Kurz-Fakten

• Schreibweise: style="color: #333; margin-top: 1rem" – Deklarationen durch Semikolon getrennt
• Höhere Spezifität als id-, Klassen- und Elementregeln aus Stylesheets
• Wird nicht seitenübergreifend zwischengespeichert und vergrößert jede einzelne Seite
• Eine strenge Content-Security-Policy kann Inline-Styles unterbinden
• Medienabfragen sind darin nicht möglich – responsive Anpassungen brauchen ein Stylesheet

Einordnung für die Praxis

In gewachsenen Projekten ist das style-Attribut die häufigste Ursache für die !important-Spirale: Ein Wert lässt sich nicht überschreiben, also wird nachgeschärft – und beim nächsten Mal wieder. Am Ende ist keine Regel mehr verlässlich.

Die brauchbare Abgrenzung: Was ein Mensch schreibt, gehört in die Datei. Was ein Programm berechnet – eine Fortschrittsbreite, eine Position –, darf ins Attribut.

Verwandte Begriffe

• CSS einbinden CSS lässt sich auf drei Wegen mit HTML verbinden: als externe Datei über ein…
• class-Attribut Das class-Attribut ordnet einem Element eine oder mehrere Bezeichnungen zu, über die CSS…
• Attribut Attribute stehen im öffnenden Tag eines Elements und verändern dessen Verhalten oder…
• Responsive HTML Responsives Verhalten entsteht überwiegend in CSS – HTML steuert zwei Dinge bei: die…