Tools om het web vast te leggen en te converteren

Ondersteunde CSS-kenmerken bij het converteren van HTML naar DOCX

GrabzIt's HTML naar DOCX converter leest alle HTML-elementen en probeert de dichtstbijzijnde benadering voor elk element in DOCX te produceren. Omdat we een browser gebruiken om HTML-elementen te ontleden, wordt de CSS van de browser gebruikt voor het elementtype of aangepaste CSS die door de HTML wordt geleverd.

In de onderstaande tabel wordt beschreven hoe de DOCX-tekst, afbeeldingen, tabellen, horizontale lijnen en secties kunnen worden gestileerd, terwijl dit alleen een breed overzicht geeft van wat de HTML naar DOCX-convertor doet, zodat u eenvoudig HTML kunt maken die kan worden geconverteerd into geweldige DOCX-documenten.

Tekst
DOCX-kenmerken CSS-kenmerken Notes
doopvont font-family
lettergrootte letter grootte
kleur van het lettertype kleur
linker- en rechterafstand opvulling-links, opvulling-rechts, marge-links, marge-rechts
bovenste en onderste afstand padding-top, padding-bottom, marge-top, marge-onderkant
regelafstand lijnhoogte
kerning letterafstand
markeren background-color Dit wordt alleen toegepast als het overeenkomt met een van de markeerkleuren die zijn toegestaan ​​door de DOCX-specificatie: zwart, blauw, cyaan, donker Blauw, donker Cyaan, donker Grijs, donker Groen, donker Magenta, donker Rood, donker Geel, groen, licht Grijs, magenta, geen, rood, wit , geel
pin tekengewicht
cursief font-style
onderstrepen text-decoration
onderstreep de kleur text-decoration-color
stijl onderstrepen text-decoration-stijl
doorhalen text-decoration
opstelling text-align
richting richting
hoofdletters, kleine letters, hoofdletters text-transform
kleine caps font-variant-caps
tekst streepje text-indent
superscript en subscript vertical-align
reliëf, graveren, schaduw, overzicht text-shadow
rubrieken h1, h2, h3, h4, h5, h6-tags
randbreedte grensbreedte Merk op dat deze CSS-stijlen alleen op de tekst worden toegepast als alle zijden van de rand voor elk kenmerktype dezelfde waarde hebben.
rand kleur rand kleur
grensstijl border-style
tafel
DOCX-kenmerken CSS-kenmerken Notes
randbreedte grensbreedte
rand kleur rand kleur
grensstijl border-style
opstelling text-align
Tafelcel
DOCX-kenmerken CSS-kenmerken Notes
randbreedte grensbreedte
rand kleur rand kleur
grensstijl border-style
verticale uitlijning vertical-align
shading background-color
celvulling vulling
cell width breedte In DOCX there is no concept of cell height.
Beeld
DOCX-kenmerken CSS-kenmerken Notes
linker- en rechterafstand opvulling-links, opvulling-rechts, marge-links, marge-rechts
bovenste en onderste afstand padding-top, padding-bottom, marge-top, marge-onderkant
opstelling tekst uitlijnen, marge links, marge rechts, float
richting richting
omwenteling transformeren
randbreedte grensbreedte Merk op dat deze CSS-stijlen alleen op de afbeelding worden toegepast als alle zijden van de rand voor elk kenmerktype dezelfde waarde hebben.
rand kleur rand kleur
grensstijl border-style
Lijst
DOCX-kenmerken CSS-kenmerken Notes
lijst item marker list-style-type
linker- en rechterafstand opvulling-links, opvulling-rechts, marge-links, marge-rechts
bovenste en onderste afstand padding-top, padding-bottom, marge-top, marge-onderkant
Horizontale lijn
DOCX-kenmerken CSS-kenmerken Notes
rand kleur rand kleur
grensstijl border-style
sectie
DOCX-kenmerken CSS-kenmerken Notes
aantal columns column-count
kolomregel kolom-regel
kolomafstand kolom-gap
pagina-einden pagina-einde-pagina, pagina-einde-pagina Meer informatie over het gebruik pagina-einden in uw app.
Formulierbesturing
DOCX-kenmerken CSS-kenmerken Notes
doopvont font-family
lettergrootte letter grootte
kleur van het lettertype kleur
linker- en rechterafstand opvulling-links, opvulling-rechts, marge-links, marge-rechts
bovenste en onderste afstand padding-top, padding-bottom, marge-top, marge-onderkant
markeren background-color Dit wordt alleen toegepast als het overeenkomt met een van de markeerkleuren die zijn toegestaan ​​door de DOCX-specificatie: zwart, blauw, cyaan, donker Blauw, donker Cyaan, donker Grijs, donker Groen, donker Magenta, donker Rood, donker Geel, groen, licht Grijs, magenta, geen, rood, wit , geel
pin tekengewicht
cursief font-style
onderstrepen text-decoration
onderstreep de kleur text-decoration-color
stijl onderstrepen text-decoration-stijl
doorhalen text-decoration
opstelling text-align
richting richting
hoofdletters, kleine letters, hoofdletters text-transform
kleine caps font-variant-caps
superscript en subscript vertical-align
reliëf, graveren, schaduw, overzicht text-shadow
randbreedte grensbreedte Merk op dat deze CSS-stijlen alleen op de tekst worden toegepast als alle zijden van de rand voor elk kenmerktype dezelfde waarde hebben.
rand kleur rand kleur
grensstijl border-style

Speciale DOCX HTML-elementen

Hoewel het niet strikt CSS is, kunnen deze functies je helpen je Word-document te verbeteren en zijn ze het vermelden waard.

Not enough information read about the approach GrabzIt takes when converting HTML to DOCX.