CSS

Verschiedenartige Textunterstreichung

Details

Veröffentlicht am Sonntag, 09. November 2008 16:41

Geschrieben von Jan Pionzewski

Mit CSS ist es ganz einfach möglich, Ihre Texte etwas peppiger zu unterstreichen, als mit einer schwarzen Linie.

Beispiel:

<p>Dieser Text ist <span style="border-bottom:1px dashed #ff0000;">dünn, rot  und gestrichelt unterstrichen</span></p>
<p>Dieser Text ist <span style="border-bottom:1px dotted #ff0000;">dünn, rot und gepunktet unterstrichen</span></p>
<p>Dieser Text ist <span style="border-bottom:3px solid #ff0000;">dick und rot unterstrichen</span></p>

Erklärung:
Mit diesem span style können Sie ganz einfach verschiedenartige Unterstreichungen für Ihren Text wählen. Farbe und Dicke des Rahmens sind dabei im Prinzip frei wählbar. Als Rahmentyp können dabei folgende Attribute gewählt werden:

CSS-Eigenschaft	Erklärung
dotted	gepunktet
dashed	gestrichelt
solid	durchgezogene Linie
double	doppelte Linie
groove	3D-Linie
ridge	3D-Linie
inset	3D-Linie
outsed	3D-Linie