CSS Webdesign: text-transform für große Anfangsbuchstaben, Großbuchstaben und Kleinbuchstaben

0
Blog is deprecated - Neu blog.nevercodealone.de
CSS3 Webdesign aus Duisburg Logo

CSS3 Webdesign aus Duisburg Logo

Es gibt die Möglichkeit mit CSS Buchstaben im Webdesign Frontend auszugeben. Dafür kann die CSS-Eigenschaft text-transform mit text-transform:capitalize für große Anfangsbuchstaben, text-transform:uppercase für Großbuchstaben und  text-transform:lowercase für Kleinbuchstaben.

Das Beispiel ist von der SelfHtml Homepage. Hier findet man sehr viele Informationen zum Thema Webdesign und allem was technisch damit zusammenhängt und eines der bekanntesten Foren.

Technisches Informationsportal zum Thema Webdesign
http://de.selfhtml.org/

kleiner Beispieltext
mit Text-Transformation capitalize

großer Beispieltext
mit Text-Transformation capitalize

kleiner Beispieltext
mit Text-Transformation uppercase

großer Beispieltext
mit Text-Transformation uppercase

kleiner Beispieltext mit
Text-Transformation lowercase

großer Beispieltext
mit Text-Transformation lowercase

<p><span style=“text-transform:capitalize“>kleiner Beispieltext
mit Text-Transformation capitalize</span><br>
<span style=“text-transform:capitalize; font-size:200%“>gro&szlig;er Beispieltext
mit Text-Transformation capitalize</span></p>

<p><span style=“text-transform:uppercase“>kleiner Beispieltext
mit Text-Transformation uppercase</span><br>
<span style=“text-transform:uppercase; font-size:200%“>gro&szlig;er Beispieltext
mit Text-Transformation uppercase</span></p>

<p><span style=“text-transform:lowercase“>kleiner Beispieltext mit
Text-Transformation lowercase</span><br>
<span style=“text-transform:lowercase; font-size:200%“>gro&szlig;er Beispieltext
mit Text-Transformation lowercase</span></p>

About Author

PHP Kurs und Inhouse Schulungen für Webdevelopment mit Continuous Integration - Clean Coder, Blogger, Autor, Dozent und Senior Webdeveloper www.rolandgolla.de

Leave A Reply

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.