Unterstützte CSS-Attribute beim Konvertieren von HTML in DOCX

GrabzIt's HTML zu DOCX converter liest alle HTML-Elemente und versucht, die nächste Annäherung an jedes Element in DOCX zu erstellen. Da wir einen Browser verwenden, um die Stile von HTML-Elementen zu analysieren, wird entweder das Browser-CSS für den Elementtyp oder das vom HTML bereitgestellte benutzerdefinierte CSS verwendet.

In der folgenden Tabelle wird beschrieben, wie DOCX-Text, Bilder, Tabellen, horizontale Linien und Abschnitte formatiert werden können. Auf diese Weise erhalten Sie nur einen umfassenden Überblick über die Funktionen des HTML-DOCX-Konverters, mit dem Sie problemlos HTML-Dateien erstellen können, die konvertiert werden können into großartige DOCX-Dokumente.

Text
DOCX-Attribute	CSS-Attribute	Notes
Schriftart	font-family
Schriftgröße	Schriftgröße
Schriftfarbe	Farbe
linker und rechter Abstand	padding-left, padding-right, margin-left, margin-right
oberer und unterer Abstand	Polsterung oben, Polsterung unten, Rand oben, Rand unten
Zeilenabstand	line-height
Kerning	Buchstaben-Abstand
Hervorheben	background-color	Dies wird nur angewendet, wenn es mit einer der in der DOCX-Spezifikation zulässigen Hervorhebungsfarben übereinstimmt: Schwarz, Blau, Cyan, Dunkelblau, DunkelCyan, Dunkelgrau, Dunkelgrün, DunkelMagenta, Dunkelrot, Dunkelgelb, Grün, Hellgrau, Magenta, Keine, Rot, Weiß , Gelb
fett	font-weight
kursiv	font-style
unterstreichen	text-decoration
Farbe unterstreichen	Textdekorationsfarbe
unterstreichen Stil	Text-Dekoration-Stil
durchschlagen	text-decoration
Ausrichtung	text-align
Richtung	Richtung
Großbuchstaben, Kleinbuchstaben, Titelbuchstaben	Text transformieren
Kapitälchen	font-variant-caps
Texteinzug	text-indent
hochgestellt und tiefgestellt	vertical-align
Prägen, Gravieren, Schatten, Umriss	text-shadow
Schriften	h1-, h2-, h3-, h4-, h5-, h6-Tags
Randbreite	border-width	Beachten Sie, dass diese CSS-Stile nur dann auf den Text angewendet werden, wenn alle Seiten des Rahmens für jeden Attributtyp denselben Wert haben.
Rahmenfarbe	Randfarbe
Rahmenstil	border-style
Tabelle
DOCX-Attribute	CSS-Attribute	Notes
Randbreite	border-width
Rahmenfarbe	Randfarbe
Rahmenstil	border-style
Ausrichtung	text-align
Tabellenzelle
DOCX-Attribute	CSS-Attribute	Notes
Randbreite	border-width
Rahmenfarbe	Randfarbe
Rahmenstil	border-style
Vertikale Ausrichtung	vertical-align
Abschattung	background-color
Zellauffüllung	Polsterung
Zellbreite	Breite	In DOCX gibt es kein Konzept von Zellenhöhe.
Bild
DOCX-Attribute	CSS-Attribute	Notes
linker und rechter Abstand	padding-left, padding-right, margin-left, margin-right
oberer und unterer Abstand	Polsterung oben, Polsterung unten, Rand oben, Rand unten
Ausrichtung	Textausrichtung, Rand-links, Rand-rechts, float
Richtung	Richtung
Drehung	transformieren
Randbreite	border-width	Beachten Sie, dass diese CSS-Stile nur dann auf das Bild angewendet werden, wenn alle Seiten des Rahmens für jeden Attributtyp denselben Wert haben.
Rahmenfarbe	Randfarbe
Rahmenstil	border-style
Liste
DOCX-Attribute	CSS-Attribute	Notes
Listenelementmarkierung	Listenart-Typ
linker und rechter Abstand	padding-left, padding-right, margin-left, margin-right
oberer und unterer Abstand	Polsterung oben, Polsterung unten, Rand oben, Rand unten
Horizontale Linie
DOCX-Attribute	CSS-Attribute	Notes
Rahmenfarbe	Randfarbe
Rahmenstil	border-style
Abschnitt
DOCX-Attribute	CSS-Attribute	Notes
Anzahl der Spalten	Spaltenanzahl
Spaltenzeile	Spaltenregel
Spaltenabstand	Spalte-Lücke
Seitenumbrüche	Seitenumbruch danach, Seitenumbruch innen	Weitere Informationen zur Verwendung Seitenumbrüche in Ihrer App.
Formularsteuerelemente
DOCX-Attribute	CSS-Attribute	Notes
Schriftart	font-family
Schriftgröße	Schriftgröße
Schriftfarbe	Farbe
linker und rechter Abstand	padding-left, padding-right, margin-left, margin-right
oberer und unterer Abstand	Polsterung oben, Polsterung unten, Rand oben, Rand unten
Hervorheben	background-color	Dies wird nur angewendet, wenn es mit einer der in der DOCX-Spezifikation zulässigen Hervorhebungsfarben übereinstimmt: Schwarz, Blau, Cyan, Dunkelblau, DunkelCyan, Dunkelgrau, Dunkelgrün, DunkelMagenta, Dunkelrot, Dunkelgelb, Grün, Hellgrau, Magenta, Keine, Rot, Weiß , Gelb
fett	font-weight
kursiv	font-style
unterstreichen	text-decoration
Farbe unterstreichen	Textdekorationsfarbe
unterstreichen Stil	Text-Dekoration-Stil
durchschlagen	text-decoration
Ausrichtung	text-align
Richtung	Richtung
Großbuchstaben, Kleinbuchstaben, Titelbuchstaben	Text transformieren
Kapitälchen	font-variant-caps
hochgestellt und tiefgestellt	vertical-align
Prägen, Gravieren, Schatten, Umriss	text-shadow
Randbreite	border-width	Beachten Sie, dass diese CSS-Stile nur dann auf den Text angewendet werden, wenn alle Seiten des Rahmens für jeden Attributtyp denselben Wert haben.
Rahmenfarbe	Randfarbe
Rahmenstil	border-style

Spezielle DOCX-HTML-Elemente

Diese Funktionen sind zwar kein striktes CSS, können Ihnen jedoch bei der Verbesserung Ihres Word-Dokuments helfen und sollten hier erwähnt werden.

Inhaltsverzeichnis

Nicht genug Informationen über die Ansatz GrabzEs dauert bei der Konvertierung von HTML in DOCX.