CSS-Inline stylen eines HTML-Element
Mit CSS-Inline stylen wir ein HTML-Element. Mit Inline-CSS wird das Style Attribut innerhalb eines HTML-Elementes verwendet. Das Style-Attribut wird folgendermasse verwendet:
style="Eigenschaft: Wert;".
Wir können auch mehrere Eigenschaftswertpaare verwenden, solange wir sie mit einem Semikolon trennen.
style="Eigenschaft: Wert; Eigenschaft: Wert; Eigenschaft: Wert;".
Das style-Attribut funktioniert auf die gleiche Weise wie jedes andere HTML-Attribut. Wir verwenden gefolgt vom Gleichheitszeichen (=) und dann zwischen Anführungszeichen den Stilwert mit den Standard-CSS-Eigenschafts-Wert-Paaren. Die Deklaration des Inline-Stile hat eine hohe Spezifität Priorität, was bedeutet, dass sie die anderen Regeln in internen und externen Stylesheets außer Kraft setzt.
| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Page</title> |
| </head> |
| <body> |
| <h2 style="color:blue;">Das ist eine Überschrift</h2> |
| <p style="color:red;">Das ist ein Absatz</p> |
| <h3 style="font-family:verdana;">Das ist eine Überschrift</h3> |
| <p style="font-family:courier;">Das ist ein Absatz</p> |
| <p style="font-size:160%;">Das ist ein Absatz</p> |
| <h3 style="text-align:center;">Das ist eine zentrierte Überschrift</h3> |
| <p style="text-align:center;">Das ist eine zentrierter Absatz</p> |
| </body> |
| </html> |
Das ist eine Überschrift
Das ist ein Absatz
Das ist eine Überschrift
Das ist ein Absatz.
Das ist ein Absatz
Das ist eine zentrierte Überschrift
Das ist ein zentrierter Absatz
