Detaillierte Erläuterung der Verwendung des Layout-Grid-Char-Attributs in CSS

Syntax:

layout-grid-char : none | auto | length

Parameter:

keine: Geben Sie den Zeilenrasterwert nicht an.
auto: Bestimmen Sie das Raster anhand des größten Zeichens im Objekttext Raster
Länge: Prozent |. Ein Längenwert bestehend aus einer Gleitkommazahl und einer Einheitenkennung. Der Prozentwert basiert auf der Größe des übergeordneten Objekts. Siehe Längeneinheiten

Beschreibung:

Legt den auf den Objekttext angewendeten Zeichenrasterwert fest oder ruft ihn ab.
Um diese Eigenschaft zu implementieren, muss layout-grid-mode auf char oder beides gesetzt sein.
Der visuelle Effekt ähnelt dem Attribut Linienhöhe. Gilt nur für Blockobjekte (z. B. Divs).
Der visuelle Effekt ähnelt der Eigenschaft „Linienhöhe“.
In ostasiatischen Sprachen (z. B. Chinesisch, Japanisch) verfasste Dokumente verwenden normalerweise ein Seitenlayout aus Zeichen, das auf einem ein- oder zweidimensionalen Raster basiert. Sie können dieses Layout mithilfe des Layout-Grid-Attributs zu einem Webdokument hinzufügen.
Dieses Attribut gilt nur für Blockobjekte (z. B. div ).
Damit dieses Attribut wirksam wird, muss der Attributwert „layout-grid-mode“ auf „line“ oder beides gesetzt sein.
Diese Eigenschaft ist für das aktuelleStyle-Objekt schreibgeschützt. Es ist für andere Objekte lesbar und beschreibbar.
Die entsprechende Skriptfunktion ist layoutGridChar.
Beispiel:

div { layout-grid-char: auto; }

layout-grid-char: none;
            layout-grid-line: none;
            layout-grid-mode: none;
            layout-grid-type: loose;

Warum die Eingabeaufforderung kein bekannter CSS-Eigenschaftsname ist

Dies hat keinen Einfluss auf den Effekt, overflow-x , overflow-y wurde ebenfalls angezeigt, aber der Effekt kam trotzdem zum Vorschein

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung des Layout-Grid-Char-Attributs in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!