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.

CSS: erste Zeile 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 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.

Ähnliche Beiträge