Attributi CSS supportati durante la conversione da HTML a DOCX

GrabzIt di HTML a DOCX Il convertitore legge tutti gli elementi HTML e tenta di produrre l'approssimazione più vicina a ciascun elemento in DOCX. Poiché utilizziamo un browser per eseguire gli stili di analisi degli elementi HTML, il CSS del browser viene utilizzato per il tipo di elemento o CSS personalizzato fornito dall'HTML.

La tabella seguente descrive in dettaglio come possono essere disegnati il testo, le immagini, le tabelle, le linee orizzontali e le sezioni di DOCX, mentre ciò fornisce solo un'ampia panoramica di ciò che fa il convertitore da HTML a DOCX che dovrebbe consentire di creare facilmente HTML che può essere convertito into ottimi documenti DOCX.

Testo
Attributi DOCX	Attributi CSS	Note
fonte	font-family
dimensione del font	dimensione del carattere
colore del carattere	colore
spaziatura sinistra e destra	imbottitura-sinistra, imbottitura-destra, margine-sinistra, margine-destra
spaziatura superiore e inferiore	imbottitura superiore, imbottitura inferiore, margine superiore, margine inferiore
Interlinea	altezza della linea
crenatura	spaziatura del carattere
mettendo in evidenza	background-color	Questo verrà applicato solo se corrisponde a uno dei colori di evidenziazione consentiti dalla specifica DOCX: nero, blu, ciano, blu scuro, ciano scuro, grigio scuro, verde scuro, magenta scuro, rosso scuro, giallo scuro, verde, grigio chiaro, magenta, nessuno, rosso, bianco , giallo
perno	font-weight
corsivo	font-style
sottolineare	text-decoration
sottolineare il colore	text-decoration-color
sottolineare lo stile	text-decoration-style
colpire	text-decoration
allineamento	text-align
direzione	direzione
maiuscolo, minuscolo, custodia del titolo	trasformazione del testo
maiuscoletto	font-variant-caps
indentatura del testo	text-indent
apice e pedice	vertical-align
rilievo, incisione, ombra, contorno	text-shadow
voci	Tag h1, h2, h3, h4, h5, h6
larghezza del bordo	border-width	Si noti che questi stili CSS verranno applicati al testo solo se tutti i lati del bordo hanno lo stesso valore per ciascun tipo di attributo.
colore del bordo	colore del bordo
stile del bordo	border-style
tavolo
Attributi DOCX	Attributi CSS	Note
larghezza del bordo	border-width
colore del bordo	colore del bordo
stile del bordo	border-style
allineamento	text-align
Cella da tavolo
Attributi DOCX	Attributi CSS	Note
larghezza del bordo	border-width
colore del bordo	colore del bordo
stile del bordo	border-style
allineamento verticale	vertical-align
ombreggiatura	background-color
imbottitura cellulare	imbottitura
larghezza della cella	larghezza	In DOCX non esiste un concetto di altezza della cella.
Immagine
Attributi DOCX	Attributi CSS	Note
spaziatura sinistra e destra	imbottitura-sinistra, imbottitura-destra, margine-sinistra, margine-destra
spaziatura superiore e inferiore	imbottitura superiore, imbottitura inferiore, margine superiore, margine inferiore
allineamento	allineamento testo, margine sinistro, margine destro, float
direzione	direzione
rotazione	trasformare
larghezza del bordo	border-width	Si noti che questi stili CSS verranno applicati all'immagine solo se tutti i lati del bordo hanno lo stesso valore per ciascun tipo di attributo.
colore del bordo	colore del bordo
stile del bordo	border-style
Lista
Attributi DOCX	Attributi CSS	Note
marcatore elemento elenco	list-style-type
spaziatura sinistra e destra	imbottitura-sinistra, imbottitura-destra, margine-sinistra, margine-destra
spaziatura superiore e inferiore	imbottitura superiore, imbottitura inferiore, margine superiore, margine inferiore
Linea orizzontale
Attributi DOCX	Attributi CSS	Note
colore del bordo	colore del bordo
stile del bordo	border-style
Sezione
Attributi DOCX	Attributi CSS	Note
numero di colonne	column-count
linea di colonna	column-rule
spaziatura di colonna	column-gap
interruzioni di pagina	interruzione di pagina, interruzione di pagina all'interno	Maggiori informazioni su come usare interruzioni di pagina nella tua app.
Controlli del modulo
Attributi DOCX	Attributi CSS	Note
fonte	font-family
dimensione del font	dimensione del carattere
colore del carattere	colore
spaziatura sinistra e destra	imbottitura-sinistra, imbottitura-destra, margine-sinistra, margine-destra
spaziatura superiore e inferiore	imbottitura superiore, imbottitura inferiore, margine superiore, margine inferiore
mettendo in evidenza	background-color	Questo verrà applicato solo se corrisponde a uno dei colori di evidenziazione consentiti dalla specifica DOCX: nero, blu, ciano, blu scuro, ciano scuro, grigio scuro, verde scuro, magenta scuro, rosso scuro, giallo scuro, verde, grigio chiaro, magenta, nessuno, rosso, bianco , giallo
perno	font-weight
corsivo	font-style
sottolineare	text-decoration
sottolineare il colore	text-decoration-color
sottolineare lo stile	text-decoration-style
colpire	text-decoration
allineamento	text-align
direzione	direzione
maiuscolo, minuscolo, custodia del titolo	trasformazione del testo
maiuscoletto	font-variant-caps
apice e pedice	vertical-align
rilievo, incisione, ombra, contorno	text-shadow
larghezza del bordo	border-width	Si noti che questi stili CSS verranno applicati al testo solo se tutti i lati del bordo hanno lo stesso valore per ciascun tipo di attributo.
colore del bordo	colore del bordo
stile del bordo	border-style

Elementi speciali DOCX HTML

Sebbene non siano strettamente CSS, queste funzionalità possono aiutarti a migliorare il tuo documento Word e vale la pena di essere notato qui.

Sommario

Informazioni insufficienti sul approccio adottato da GrabzIt durante la conversione da HTML a DOCX.

Altri articoli Domande della comunità