suchen
HeimWeb-FrontendCSS-TutorialWas sind die CSS-Textattribute? Zusammenfassung der CSS-Texteigenschaften

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
Ankerpositionierung kümmert sich nur um die QuellenreihenfolgeAnkerpositionierung kümmert sich nur um die QuellenreihenfolgeApr 29, 2025 am 09:37 AM

Die Tatsache, dass die Ankerpositionierung die HTML-Quellenreihenfolge vermeidet, ist so CSS-y, weil sie eine weitere Trennung von Bedenken zwischen Inhalt und Präsentation ist.

Was bedeutet Margin: 40px 100px 120px 80px?Was bedeutet Margin: 40px 100px 120px 80px?Apr 28, 2025 pm 05:31 PM

In Artikel wird die CSS -Margin -Eigenschaft erörtert, insbesondere "Margin: 40px 100px 120px 80px", seine Anwendung und Auswirkungen auf das Webseitenlayout.

Was sind die verschiedenen CSS -Grenzeigenschaften?Was sind die verschiedenen CSS -Grenzeigenschaften?Apr 28, 2025 pm 05:30 PM

In dem Artikel werden die CSS -Grenzeigenschaften erörtert und sich auf Anpassung, Best Practices und Reaktionsfähigkeit konzentriert. Hauptargument: Border-Radius ist für reaktionsschnelle Designs am effektivsten.

Was sind CSS -Hintergründe, listen Sie die Eigenschaften auf?Was sind CSS -Hintergründe, listen Sie die Eigenschaften auf?Apr 28, 2025 pm 05:29 PM

In dem Artikel werden CSS -Hintergrundeigenschaften, deren Verwendungszwecke für die Verbesserung des Website -Designs und die zu vermeidenen Fehler erläutert. Der Hauptaugenmerk liegt auf reaktionsschnellem Design unter Verwendung der Hintergrundgröße.

Was sind CSS HSL -Farben?Was sind CSS HSL -Farben?Apr 28, 2025 pm 05:28 PM

In Artikel werden CSS HSL -Farben, ihre Verwendung im Webdesign und die Vorteile gegenüber RGB erörtert. Der Schwerpunkt liegt auf der Verbesserung des Designs und der Zugänglichkeit durch intuitive Farbmanipulation.

Wie können wir Kommentare in CSS hinzufügen?Wie können wir Kommentare in CSS hinzufügen?Apr 28, 2025 pm 05:27 PM

In dem Artikel wird die Verwendung von Kommentaren in CSS erörtert, in denen Einzellinien- und Multi-Line-Kommentarsyntaxe beschrieben werden. Es wird argumentiert, dass die Kommentare die Lesbarkeit, die Wartbarkeit und die Zusammenarbeit von Code verbessern, sich jedoch auf die Leistung der Website auswirken können, wenn sie nicht ordnungsgemäß verwaltet werden.

Was sind CSS -Selektoren?Was sind CSS -Selektoren?Apr 28, 2025 pm 05:26 PM

In dem Artikel werden CSS -Selektoren, ihre Typen und die Verwendung zum Styling von HTML -Elementen erörtert. Es vergleicht ID- und Klassenauswahlern und befasst sich mit Leistungsproblemen mit komplexen Selektoren.

Welche Art von CSS hat die höchste Priorität?Welche Art von CSS hat die höchste Priorität?Apr 28, 2025 pm 05:25 PM

In dem Artikel wird die CSS -Priorität erläutert und sich auf Inline -Stile mit der höchsten Spezifität konzentriert. Es erklärt Spezifitätsniveaus, übergeordnete Methoden und Debugging -Tools zur Verwaltung von CSS -Konflikten.

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Herunterladen der Mac-Version des Atom-Editors

Herunterladen der Mac-Version des Atom-Editors

Der beliebteste Open-Source-Editor

EditPlus chinesische Crack-Version

EditPlus chinesische Crack-Version

Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Sicherer Prüfungsbrowser

Sicherer Prüfungsbrowser

Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.

SAP NetWeaver Server-Adapter für Eclipse

SAP NetWeaver Server-Adapter für Eclipse

Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.