Über die Analyse von CSS3-Schriftartattributen

Schriftartattribute:

Schriftfamilie: {Schriftfamilie: Name}

                                                       Serife🎜>

Schriftgröße: {Schriftgröße: numerischer Wert |xx-klein | Schriftstil: {Schriftstil: normal |. schräg |. Schriftstärke: 100-900 | |. normal🎜>

Font-Variante: normal |.Font zusammengesetztes Attribut Schriftart: {Schriftart: Schriftart -variant Font-Weight Font-Size Font-Family🎜>Font-Size und Font-Family müssen im Font-Attribut und in einer festen Reihenfolge erscheinen. Schriftstil, Schriftvariante und Schriftstärke können frei ausgetauscht werden.

Schriftfarbe: {color: name |. hsl |. hsl | >: {text-shadow: none |. ,] * -shadow hat vier Werte. Der erste Wert stellt die horizontale Verschiebung des Schattens dar, die positiv oder negativ sein kann; der zweite Wert stellt die vertikale Verschiebung des Schattens dar, die positiv oder negativ sein kann; der Schatten, der optional ist. ;Der vierte Wert stellt den Schattenfarbwert dar, der optional ist.

Überlauftexttext-overflow

wird verwendet, um zu definieren, ob ein Auslassungszeichen angezeigt werden soll, wenn der Text überläuft, d. h. um die Überlaufmethode zum Weglassen von Text zu definieren. Es gibt keine anderen Stilattributdefinitionen. Um den Effekt der Erzeugung einer Ellipse beim Überlauf zu erzielen, müssen Sie außerdem Folgendes definieren: Anzeige von Text in einer Zeile erzwingen (

white-space:nowrap) und Überlaufinhalt ausblenden (over-flow:hidden) . {text-overflow: clip |. ellipsis}

Clip: Zeigt nicht das Auslassungszeichen (...) an, sondern eine einfache Zuschneideleiste (von gängigen Browsern unterstützt)

Ellipse: Wann

Wenn der Text im Objekt

überläuft, wird das Auslassungszeichen (...) angezeigt (Mädchen, Firefox unterstützt es nicht)

Kontrollzeilenumbruch

Zeilenumbruch

: {word-wrap: normal |.

break-word}

Normal: Steuert den Zeilenumbruch von Fließtext

Break-word: Der Inhalt wird innerhalb der Grenze umgebrochen , wenn Sie einen Umbruch innerhalb des Wortes benötigen (

word-break ), kann auch implementiert werden Schriftgröße unverändert lassenfont-size-adjust

: {font- size-adjust: none |. number}

None: Standardwert, der es jeder Schriftart in der Schriftartenfolge ermöglicht, ihre eigene Größe beizubehalten

Number: Erzwingt die gleiche Größe für alle Schriftarten in der Schriftart Reihenfolge

Absatzattribute:

WortabstandWortabstand: {Wortabstand: normal | Länge}

Zeichenabstand

Buchstaben-. Abstand

: {Buchstabenabstand: normal |. Länge}

Textdekoration: {Textdekoration: keine |. Unterstreichung} 🎜>Vertikale Ausrichtung

vertikal-align

: {vertical : Attributwert}Horizontale Ausrichtung

text-align

: {text-align: sTextAlign}

Texttransformation

text-transform

: {text -transform: none | -indent: length}

Textzeilenhöheline -height: {line-height: normal | length}

Leerzeichen behandeln: {white-space: normal |. pre |. nowrap |. pre-wrap | -bidi: normal |. bidi-override |. einbetten🎜>Richtung: {Richtung: ltr |

Das obige ist der detaillierte Inhalt vonÜber die Analyse von CSS3-Schriftartattributen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!