Textformat


Textfarbe

Das Farbattribut wird verwendet, um die Farbe des Textes festzulegen.

Farben werden am häufigsten über CSS angegeben:

  • Hex-Wert - Zum Beispiel: #FF0000

  • Ein RGB-Wert – wie zum Beispiel: RGB(255,0,0)

  • Der Name der Farbe - Zum Beispiel: rot


Textausrichtung

Das Textausrichtungsattribut wird zum Festlegen verwendet Die horizontale Ausrichtung des Textes.

Text kann zentriert oder nach links oder rechts ausgerichtet und an beiden Enden ausgerichtet werden.

Wenn text-align auf „justify“ eingestellt ist ", jede Zeile wird auf die gleiche Breite erweitert und der linke und rechte Rand werden ausgerichtet (wie bei Zeitschriften und Zeitungen).


Textdekoration

Das text-decoration-Attribut wird verwendet, um Textdekoration festzulegen oder zu löschen.

Aus gestalterischer Sicht Das text-decoration-Attribut wird hauptsächlich verwendet, um die Unterstreichung des Links zu entfernen (Beispiel rechts). Sie können den Text auch wie folgt dekorieren:

h1 {text-decoration:overline;}
h2 {text-decoration :line-through;}
h3 {text-decoration:underline;}

Rendering:

1.jpg


Texttransformation

Das Texttransformationsattribut wird verwendet, um Groß- und Kleinbuchstaben in einem Text anzugeben.

kann verwendet werden, um alle Wörter in Groß- oder Kleinbuchstaben umzuwandeln oder den ersten Buchstaben jedes Wortes groß zu schreiben.

Beispiel:

p.uppercase {text-transform:uppercase;}/* Alle Großbuchstaben*/
p.lowercase {text-transform :lowercase;}/* Vollständig Kleinbuchstaben*/
p.capitalize {text-transform:capitalize;}/* Den ersten Buchstaben groß schreiben*/


Texteinzug

Das text-indent-Attribut wird verwendet, um den Einzug der ersten Textzeile anzugeben.

Beispiel: Einzug der ersten Zeile 50px

p {text-indent:50px;}

Weiter lernen
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> h1 { text-align: center; text-transform: uppercase; color: #A7C942; } p { text-indent: 50px; text-align:justify; letter-spacing:3px; } a { text-decoration:none; } </style> </head> <body> <h1>text formatting</h1> <p>This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from the <a target="_blank" href="#">"尝试一下"</a> link.</p> </body> </html>
einreichenCode zurücksetzen