CSS: Erste Zeile hervorheben

Ein netter Effekt bei umfangreichen Texten kann es sein, wenn Sie die erste Zeile eines Absatzes anders formatieren, zum Beispiel fett.

Dazu verwenden Sie CSS, zum Beispiel:

<style type="text/css">

p:first-line {

font-weight: bold;

}

</style>

<p>Ich bin der erste Satz eines Absatzes.

Ich bin anderer Text. Ich bin anderer Text.

Ich bin anderer Text. Ich bin der letzte Satz. </p>

Entscheidend für das Ende der Fettung ist nicht der Zeilenfall in der HTML-Quelldatei, sondern der tatsächliche Umbruch im Browser. Wenn also jemand seine Browser-Fenster ganz klein macht, wird nur der Teil des ersten Satzes gefettet, der in die erste Zeile passt.

Add to Del.icio.us

Bedingungen für die Kommentareingabe
Hinweis

CSS: Erste Zeile einrücken
CSS: Schaltflächen formatieren
CSS: Hyperlinks unterstreichen, sobald Mauszeiger darüber steht
CSS: Farbangaben abkürzen
Grundlagen: Das ist CSS

Zurück Tipps Startseite