Heim > Web-Frontend > CSS-Tutorial > Was sind die CSS-Textattribute? Einführung in CSS-Texteigenschaften

Was sind die CSS-Textattribute? Einführung in CSS-Texteigenschaften

不言
Freigeben: 2018-08-18 11:59:20
Original
4789 Leute haben es durchsucht

Was sind die Textattribute in CSS-Stilen? Wozu dienen die einzelnen CSS-Textattribute? Dieser Artikel gibt Ihnen eine Einführung in CSS-Textattribute (mit Code). Freunde in Not können darauf verweisen.

1. CSS-Textattributkonvertierung von Groß- und Kleinbuchstaben im Text – Texttransformation
Attributwert:
Großbuchstaben; ​ ​ ​ Kleinbuchstaben; (alles Kleinbuchstaben)
großschreiben; (in allen Kleinbuchstaben wird der erste Buchstabe groß geschrieben)

p{    text-transform:uppercase;}
Nach dem Login kopieren

2 Der Text des CSS-Textattributs ist zentriert – text-align

Attributwert:
center;(center)
links; rechts (rechte Ausrichtung)

p{    text-align:center;}
Nach dem Login kopieren

3. Absatzeinzug des CSS-Textattributs – text-indent

em (in Worten), ± kann

p{    text-indent: 3em;}
Nach dem Login kopieren

4 sein des CSS-Textattributs – Textdekoration

Attributwert:

keine (Unterstreichung entfernen)
Unterstreichen (Plusstrich)
Überstrich (Pluslinie)
Durchgestrichen (durchgestrichen)

a{    text-decoration:none;}
Nach dem Login kopieren

5.CSS-Textattributeinstellung Absatzzeilenhöhe – Zeilenhöhe

Attributwert: Prozentsatz, px, Zahl

a{    line-height:13px;}
Nach dem Login kopieren

6 Wortabstand

Wortabstand (nur gültig für Englisch)

Buchstabenabstand (sowohl Chinesisch als auch Englisch sind verfügbar)

p{    letter-spacing: 16px;}
Nach dem Login kopieren

7.css Textattribut Absatzabstand-Rand

p{    margin: 66px;}
Nach dem Login kopieren

8.css-Textattributrahmen – Rahmen

Es gibt drei Attributwerte: Größe, Farbe, Stil

Rahmenstile sind: durchgezogen (durchgezogene Linie), gestrichelt (gestrichelte Linie), gepunktet (gepunktete Linie)

p{    border:3px lightgreen solid;}
Nach dem Login kopieren

9.css Textattributraum – Leerraum

Attributwert:

                        pre;(Wie Standard)
Nowraw; (Text ändert nicht automatisch die Zeile)
erben; normal; (zeige eins)
rrree
10.css Textattribut-Eingabemethode status-ime-mode
Attributwert:

auto; Standardeinstellung

aktiv; 🎜>inaktiv: nicht-lokale Spracheingabemethode aktivieren;
deaktiviert; Eingabemethode nicht möglich, Eingabe chinesischer Zeichen nicht möglich

Verwandte Empfehlungen:

Verwenden Sie CSS zur dynamischen Steuerung von Textattributen_CSS /HTML

CSS-Eigenschaften für chinesischen Textumbruch, Zeilenumbruch und Leerzeichen 

Das obige ist der detaillierte Inhalt vonWas sind die CSS-Textattribute? Einführung in CSS-Texteigenschaften. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage