Inline-Styles in HTML-Elementen

Sie können einzelne HTML-Elemente innerhalb des sichtbaren HTML-Dokuments mit Hilfe von Stylesheet-Eigenschaften formatieren. Die Formatdefinitionen gelten dann nur für den Geltungsbereich des betreffenden HTML-Elements. Sinnvoll ist diese Möglichkeit, wenn Sie sonst auf CSS verzichten und es nur mal für ein paar Ausnahmen benötigen, oder wenn Sie zentrale Formate verwenden, einzelne Elemente aber ausnahmsweise anders gestalten möchten.

Beispiel:

<body>
<h1>Die Seite mit dem besonderen Element</h1>
<p>Das folgende Element soll etwas Besonderes sein:</p>
<p style="background-color:#808040; color:#D8FD02;
font-family:'Century Schoolbook',serif; font-size:2em; letter-spacing:3px;
padding:40px; border:double #D8FD02 4px;"
title="Zitat von Francis Picabia">
Unser Kopf ist rund, damit das Denken die Richtung wechseln kann!</p>
</body>

Erläuterung:

Sie können Formate für ein HTML-Element definieren, indem Sie innerhalb des einleitenden HTML-Tags das globale Attribut style notieren. Die Wertzuweisung an das style-Attribut besteht in einer oder mehreren CSS-Formatdefinitionen. Dabei gilt die gleiche Grammatik und Syntax wie bei zentralen Formaten. Schließen Sie jede Formatdefinition jeweils durch einen Strichpunkt ab. Nur bei der letzten Formatdefinition vor dem abschließenden Anführungszeichen darf der Strichpunkt entfallen.


HTML-Element mit individueller CSS-Formatierung

Im obigen Beispiel werden die individuellen Formatangaben auf ein gewöhnliches p-Element angewendet. Es erhält mit Hilfe der CSS-Eigenschaften für Hintergrundfarbe (background-color), Schriftfarbe (color), Schriftart (font-family), Schriftgröße (font-size), Zeichenabstand (letter-spacing), Innenabstand zum Rand (padding) und einem Rahmen (border) ein Aussehen, das überhaupt nicht mehr an einen "Textabsatz" erinnert.

Referenzinformationen

  • CSS-Code im style-Attribut
CSS1.0 MSIE FFOX CHROME SAF OP

 


Korrekturen, Hinweise und Ergänzungen
Bitte scheut euch nicht und meldet, was auf dieser Seite sachlich falsch oder irreführend ist, was ergänzt werden sollte, was fehlt usw. Dazu bitte oben aus dem Menü Seite den Eintrag Diskutieren wählen. Es ist keine Anmeldung erforderlich, um Anmerkungen zu posten. Unpassende Postings, Spam usw. werden allerdings kommentarlos entfernt.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License