CSS kann Webseiten nicht nur statisch ändern, sondern auch mit verschiedenen Skriptsprachen zusammenarbeiten, um verschiedene Elemente von Webseiten dynamisch zu formatieren. CSS kann das Layout von Elementpositionen in Webseiten präzise auf Pixelebene steuern, unterstützt fast alle Schriftgrößenstile und verfügt über die Möglichkeit, Webseitenobjekt- und Modellstile zu bearbeiten. In diesem Artikel geben wir Ihnen eine detaillierte Erklärung der CSS-Absatzeigenschaften.
Mit CSS können Sie auch die Attribute von Absätzen steuern, einschließlich Wortabstand, Zeichenabstand, Textänderung, vertikale Anordnung, Textkonvertierung, Textanordnung, Texteinzug und Zeilenhöhe usw.
1.1 Wortabstand Wortabstand
Syntax:
Wortabstand: Wert
Beschreibung:
Der Wert kann normal oder der Längenwert sein. Normal bezieht sich auf das normale Intervall und ist die Standardoption. Länge ist der Wert und die Einheit zum Festlegen des Wortintervalls. Es können auch negative Werte verwendet werden.
1.2 Zeichenabstand, Buchstabenabstand
Verwenden Sie den Abstand, um den Abstand zwischen den Zeichen zu steuern.
Syntax:
letter-spacing: value
1.3 Textdekoration text-decoration
Textdekorationseigenschaften verwenden kann Text ändern, z. B. unterstreichen, durchstreichen usw.
Syntax:
text-decoration: value
Beschreibung:
none bedeutet keine Dekoration, was der Standardwert ist. underline bedeutet Unterstreichung des Textes; Überstreichen bedeutet, dass der Text durchgestrichen wird. Durchgestrichen bedeutet, dass der Text durchgestrichen wird.
1.4 Vertikale Ausrichtung bertical-align
Verwenden Sie die vertikale Ausrichtung, um die vertikale Ausrichtung des Textes festzulegen.
Syntax:
vertikal-align: Anordnungswert
Beschreibung:
vertikal-align enthält die folgenden Werte:
baseline : Die standardmäßige vertikale Ausrichtung des Browsers;
sub: tiefgestellter Text;
top: vertikale obere Ausrichtung; >text-top: richtet die Schriftarten des Elements und des übergeordneten Elements nach oben aus;
middle: richtet vertikal in der Mitte aus;
text-bottom: richtet die Schriftart des Elements und des übergeordneten Elements aus Element nach unten.
1.5 Texttransformation text-transform
Die Texttransformationseigenschaft wird verwendet, um die Groß- und Kleinschreibung englischer Buchstaben umzuwandeln.
Syntax:
text-transform: Konvertierungswert
Beschreibung:
text-transform enthält die folgenden Werte:
none: bedeutet die Verwendung des Originalwerts;
Großschreibung: bedeutet die Verwendung des ersten Buchstabens jedes Worts in Großbuchstaben;
Großschreibung: bedeutet die Verwendung aller Buchstaben jedes Worts in Großbuchstaben; : Zeigt die Verwendung aller Kleinbuchstaben jedes Wortes an;
1.6 horizontale Ausrichtung text-align
Verwenden Sie das text-align-Attribut, um die horizontale Ausrichtung des Textes festzulegen Weg.
Syntax:
text-align: Anordnungswert
Beschreibung:
Zu den horizontalen Ausrichtungswerten gehören: links, rechts, zentriert, rechtfertigen vier Typen.
1.7 Texteinzug
In HTML können Sie nur den gesamten rechten Einzug des Absatzes steuern. Wenn Sie ihn nicht festlegen, wird dies vom Browser festgelegt Die Standardeinstellung ist keine Einrückung, aber in CSS können Sie die Einrückung der ersten Zeile des Absatzes und den Abstand der Einrückung steuern.
Syntax:
text-align: Einzugswert
1,8 Textzeilenhöhe
Verwenden Sie das Textzeilenhöhenattribut, um den Abstand zwischen Zeilen in einem Absatz zu steuern.
Syntax:
text-align: Zeilenhöhenwert
Beschreibung:
Der Zeilenhöhenwert kann mehrere Längen haben oder Prozentsatz.
1.9 Umgang mit leeren Leerzeichen
Das Leerzeichenattribut wird verwendet, um die Verarbeitungsmethode für Leerseiteninhalte festzulegen
Syntax:
white-space: leerer Wert
Beschreibung:
white-space enthält 3 Werte, wobei normal der ist Das Standardattribut pre sorgt dafür, dass Leerzeichen und Zeilenumbrüche im Quellcode erhalten bleiben, und nowrap erzwingt, dass der gesamte Text in derselben Zeile angezeigt wird.
1.10 Textumkehr Unicode-Bidi, Richtung
Unicode-Bidi, Richtungsattribute werden häufig zusammen verwendet, um die Lesereihenfolge von Objekten festzulegen.
1.unicode-bidi-Attribut
Syntax:
unicode-bidi:bidi-override |normal| 🎜>Erklärung:
Bidi-Override bedeutet im Wert des Attributs „unicode-bidi“ eine Neuanordnung streng nach dem Wert des Attributs „direction“; „normal“ bedeutet, dass das Objekt geöffnet wird eine zusätzliche Einbettungsebene. Der Wert des Richtungsattributs gibt die Einbettungsebene an und führt implizite Neuanordnungen innerhalb des Objekts durch.
2.Richtungsattribut
Syntax:
Unicode: lir |rtl| inherit
Hinweis:
Im Wert des Richtungsattributs gibt ltr das sequentielle Lesen von links nach rechts an; rtl gibt an, dass der Wert des Textstroms nicht vererbt werden kann.
Der obige Inhalt ist eine detaillierte Erklärung der CSS-Absatzeigenschaften. Ich hoffe, dass er allen helfen kann.
Verwandte Empfehlungen:
So implementieren Sie Ladder-Tabs mit CSS
Beispielcode für CSS-Rasterlayout
Detaillierte Erläuterung des CSS-Inhaltsattributs
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der CSS-Absatzeigenschaften. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
