Heim  >  Artikel  >  Web-Frontend  >  Was sind die CSS-Textattribute? Zusammenfassung der CSS-Texteigenschaften

Was sind die CSS-Textattribute? Zusammenfassung der CSS-Texteigenschaften

不言
不言Original
2018-08-13 09:42:323532Durchsuche

In diesem Artikel erfahren Sie, was die CSS-Textattribute sind. Die Zusammenfassung der CSS-Textattribute hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen.

Ich habe die Verwendung einiger Eigenschaften von CSS-Text kurz zusammengefasst. Sie können es auch zum Nachschlagen verwenden, wenn Sie es vergessen. Sie müssen nicht auf die Website gehen, um es zu überprüfen.

Das Folgende ist eine teilweise Zusammenfassung, ich hoffe, es wird für andere nützlich sein

Textänderung

(1)text -decoration: Textdekoration (horizontale Linie)

4 Attributwerte

Overline Line-Through Underline Blink

(1)Overline

Das Definieren einer horizontalen Linie im Text

(2) durchgestrichen

ist der nützlichste Attributwert. Im Allgemeinen wird der Preis nach der Preisaktion des Händlers durchgestrichen horizontale Linie, um anzuzeigen, dass der Preis vor

(3) lag. Im Allgemeinen wird das Tag von unline

begleitet. Um es zu entfernen, legen Sie text-decoration:none fest

(4)blinken

Text blinkt, wird selten verwendet, wird nur in Canvas verwendet und die Browserunterstützung ist nicht hoch, nur Firefox unterstützt sie

Zusätzlich:

Sie können auch text-decoration-color verwenden, um die Farbe horizontaler Linien zu ändern

(2) Groß-/Kleinschreibung für Texttransformation

5 Attributwerte

Großbuchstaben groß schreiben, Kleinbuchstaben inhertieren, keine

(1)Großbuchstaben

Den ersten Buchstaben groß schreiben

(2)Groß- und Kleinbuchstaben

Großbuchstaben

(3)inhert

Erbt das Buchstabenattribut des übergeordneten Elements

(4)keine

Standardeinstellung, hat keine Auswirkung

(3)text-overflow definiert Text, der außerhalb des zulässigen Bereichs liegt

3 Attribute

Clip-Auslassungszeichenfolge

(1)Clip

Text kürzen

( 2)Auslassungspunkte

Verwenden Sie Auslassungspunkte, um den überschrittenen Text darzustellen

(3)Zeichenfolge

Verwenden Sie feste Zeichen, um den überschrittenen Text darzustellen Text

(4) Textschatten: H-Schatten V-Schatten-Unschärfefarbe Textschatteneffekt

3 Attributwerte

(1)v -shadow Erforderlich, die Position des horizontalen Schattens, negative Werte zulassen

(2)v-shadow Erforderlich, vertikale Schattenposition, negative Werte zulassen

(3)blur Optional , Unschärfeabstand

(4) Farbe Optional, die Farbe des Schattens

Textlayout

( 1)text-indent Texteinzug

3 Arten von Attributwerten

length % inhert

(1)length

definiert einen festen Einzug in Pixeln ist der Standardwert 0

(2)%

Einzug als Prozentsatz der Breite des übergeordneten Elements

(3)inhert

Erben Sie die Einrückung des übergeordneten Elements

(2)text-align Textausrichtung

5 Attributwerte

Links, Mitte, rechtsbündig inhertieren

(1)links und rechts

Selten verwendet

(2)center

Mittige Ausrichtung

Oft zusammen mit line-height verwendet: Höhe des übergeordneten Elements zur Mitte, richtet den Text aus

Wenn das Attribut „line-height“ nicht hinzugefügt wird, befindet sich der Text über dem übergeordneten Element

(3)justify

Beide ausrichten Enden des Textes

Verwandte Empfehlungen:

Verwenden Sie CSS, um Textattribute dynamisch zu steuern_CSS/HTML

CSS chinesischer Textumbruch Attribute: Zeilenumbruch und Leerzeichen

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

Stellungnahme:
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