Beim Veröffentlichen längerer Texte sieht es zum einen schöner aus, zum anderen erhöht es die Übersicht, wie in einem Buch den ersten Buchstaben eines jeden Absatzes zu vergrößern, Kapitalisieren genannt.
Mit Cascading Style-sheets lässt sich dies im Handumdrehen erledigen.
Folgenden Code setzen Sie überall dort ein, wo ein Absatz beginnt:
<p class=“color-large“>Hier steht der Text !</p>
Im head-Bereich der Webseite legen Sie nun die Details zum Kapitalisieren fest:
.color-large::first-letter {
margin-right: 1px;
font-size: 1.3rem;
font-weight: bold;
color: #2d5c88;
}
Erklärung:
margin-right: 1px: Schafft Platz zwischen dem ersten Buchstaben und den folgenden Buchstaben.
font-size: 1.3rem: Macht den ersten Buchstaben größer.
font-weight: bold: Macht den ersten Buchstaben fett.
color: #2d5c88: Färbt den ersten Buchstaben blau.