Oggetto Style HTML DOM

Oggetto Style

L'oggetto Style rappresenta una dichiarazione di stile singola.

Proprietà dell'oggetto Style

Proprietà Descrizione
alignContent Impostare o restituire il modo di allineamento tra le righe all'interno del contenitore elastico, quando gli elementi non utilizzano tutto lo spazio disponibile.
alignItems Impostare o restituire il modo di allineamento degli elementi all'interno del contenitore elastico.
alignSelf Impostare o restituire il modo di allineamento degli elementi selezionati nel contenitore elastico.
animation Proprietà abbreviate di tutti gli attributi di animazione, eccetto animationPlayState.
animationDelay Impostare o restituire quando l'animazione dovrebbe iniziare.
animationDirection Impostare o restituire se l'animazione dovrebbe riprodursi in senso inverso in un ciclo alternato.
animationDuration Impostare o restituire il numero di secondi o millisecondi necessari per completare un ciclo dell'animazione.
animationFillMode Impostare o restituire il valore applicato oltre il tempo di esecuzione dell'animazione.
animationIterationCount Impostare o restituire il numero di volte che l'animazione deve essere riprodotta.
animationName Impostare o restituire il nome dell'animazione @keyframes.
animationPlayState Impostare o restituire se l'animazione è in esecuzione o in pausa.
animationTimingFunction Impostare o restituire la curva di velocità dell'animazione.
background Impostare o restituire tutte le proprietà di sfondo in una singola dichiarazione.
backgroundAttachment Impostare o restituire se l'immagine di sfondo è fissa o scorre con la pagina.
backgroundClip Impostare o restituire l'area di disegno dello sfondo.
backgroundColor Impostare o restituire il colore di sfondo dell'elemento.
backgroundImage Impostare o restituire l'immagine di sfondo dell'elemento.
backgroundOrigin 设置或返回背景图像的定位区域。
backgroundPosition Impostare o restituire la regione di posizionamento dell'immagine di sfondo.
backgroundPosition Impostare o restituire la posizione iniziale dell'immagine di sfondo.
backgroundRepeat Impostare o restituire come ripetere (tiling) l'immagine di sfondo.
backgroundSize Impostare o restituire la dimensione dell'immagine di sfondo.
backfaceVisibility Impostare o restituire se l'elemento è visibile quando non rivolto verso lo schermo.
borderBottom Impostare o restituire tutti gli attributi borderBottom in una singola dichiarazione.
borderBottomColor Impostare o restituire il colore del bordo inferiore.
borderBottomLeftRadius Impostare o restituire la forma del bordo dell'angolo in basso a sinistra.
borderBottomRightRadius Impostare o restituire la forma del bordo dell'angolo in basso a destra.
borderBottomStyle Impostare o restituire lo stile del bordo inferiore.
borderBottomWidth Impostare o restituire la larghezza del bordo inferiore.
borderCollapse Impostare o restituire se il bordo della tabella dovrebbe essere ripiegato in un singolo bordo.
borderColor Impostare o restituire il colore del bordo dell'elemento (fino a quattro valori massimi).
borderImage Proprietà abbreviata per impostare o restituire tutti gli attributi borderImage.
borderImageOutset Impostare o restituire la quantità di area dell'immagine del bordo che supera il box del bordo.
borderImageRepeat Impostare o restituire se l'immagine del bordo deve essere ripetuta, avvolta o stirata.
borderImageSlice Impostare o restituire la quantità di offset inward per il bordo dell'immagine.
borderImageSource Impostare o restituire l'immagine utilizzata come bordo.
borderImageWidth Impostare o restituire la larghezza del bordo dell'immagine.
borderLeft Impostare o restituire tutti gli attributi borderLeft in una singola dichiarazione.
borderLeftColor Impostare o restituire il colore del bordo sinistro.
borderLeftStyle Impostare o restituire lo stile del bordo sinistro.
borderLeftWidth Impostare o restituire la larghezza del bordo sinistro.
borderRadius Proprietà abbreviata per impostare o restituire tutti e quattro gli attributi borderRadius.
borderRight Impostare o restituire tutti gli attributi borderRight in una singola dichiarazione.
borderRightColor Impostare o restituire il colore del bordo destro.
borderRightStyle 设置或返回右边框的样式。
borderRightStyle impostare o restituire lo stile del bordo destro.
borderRightWidth impostare o restituire la larghezza del bordo destro.
borderSpacing impostare o restituire lo spazio tra le celle della tabella.
borderStyle impostare o restituire lo stile del bordo dell'elemento (fino a quattro valori).
borderTop impostare o restituire tutti gli attributi borderTop in una singola dichiarazione.
borderTopColor impostare o restituire il colore del bordo superiore.
borderTopLeftRadius impostare o restituire la forma dell'angolo superiore sinistro del bordo.
borderTopRightRadius impostare o restituire lo stile del bordo superiore.
borderTopWidth impostare o restituire la larghezza del bordo superiore.
borderWidth impostare o restituire la larghezza del bordo dell'elemento (fino a quattro valori).
bottom impostare o restituire la posizione inferiore dell'elemento posizionato.
boxDecorationBreak impostare o restituire il comportamento del retrogrado e del bordo dell'elemento durante la paginazione, o per gli elementi in linea, durante il riempimento.
boxShadow aggiungere uno o più ombreggi a un riquadro (box).
boxSizing permette di definire alcuni elementi in modo che si adattino a una certa area.
captionSide impostare o restituire la posizione del titolo della tabella.
caretColor impostare o restituire il colore dell'indicatore/curSOR dell'elemento.
clear impostare o restituire la posizione dell'elemento rispetto agli oggetti fluttuanti.
clip impostare o restituire quale parte dell'elemento posizionato è visibile.
color impostare o restituire il colore del testo.
columnCount impostare o restituire il numero di colonne che l'elemento dovrebbe dividere.
columnFill impostare o restituire come riempire le colonne.
columnGap impostare o restituire lo spazio tra le colonne.
columnRule proprietà abbreviata per impostare o restituire tutti gli attributi columnRule.
columnRuleColor impostare o restituire il colore della regola tra le colonne.
columnRuleStyle impostare o restituire lo stile della regola tra le colonne.
columnRuleWidth impostare o restituire la larghezza regolare tra le colonne.
columns proprietà abbreviata per impostare o restituire columnWidth e columnCount.
columnSpan impostare o restituire il numero di colonne che l'elemento dovrebbe attraversare.
columnWidth impostare o restituire la larghezza della colonna.
content Utilizzato insieme ai pseudo-elementi :before e :after, inserire il contenuto generato.
counterIncrement Aumentare uno o più contatori.
counterReset Creare o ripristinare uno o più contatori.
cursor Impostare o restituire il tipo di cursore visualizzato dal puntatore del mouse.
direction Impostare o restituire la direzione del testo.
display Impostare o restituire il tipo di visualizzazione dell'elemento.
emptyCells Impostare o restituire se mostrare i bordi e lo sfondo delle celle vuote.
filter Impostare o restituire il filtro dell'immagine (effetti visivi come sfocatura e saturazione).
flex Impostare o restituire la lunghezza dell'oggetto rispetto al resto.
flexBasis Impostare o restituire la lunghezza iniziale dell'oggetto flessibile.
flexDirection Impostare o restituire la direzione dell'oggetto flessibile.
flexFlow Proprietà abbreviate di flexDirection e flexWrap.
flexGrow Impostare o restituire l'ammontare di crescita dell'oggetto rispetto agli altri oggetti.
flexShrink Impostare o restituire il modo di contrazione dell'oggetto rispetto agli altri oggetti.
flexWrap Impostare o restituire se l'oggetto flessibile deve essere riassegnato.
cssFloat Impostare o restituire il modo di allineamento orizzontale dell'elemento.
font Impostare o restituire le proprietà del carattere in una dichiarazione.
fontFamily Impostare o restituire la famiglia del carattere del testo.
fontSize Impostare o restituire la dimensione del carattere del testo.
fontStyle Impostare o restituire se lo stile del carattere è normal, italic o obliquo.
fontVariant Impostare o restituire se il carattere deve essere visualizzato in minuscola maiuscola.
fontWeight Impostare o restituire la spessore del carattere.
fontSizeAdjust Mantenere la leggibilità del testo quando si verifica il fallback del carattere.
fontStretch Scegliere il modo di deformazione elastica dalla famiglia di caratteri.
hangingPunctuation Stabilire se i segni di punteggiatura possono essere posizionati al di fuori della casella di riga.
altezza Impostare o restituire l'altezza dell'elemento.
hyphens Impostare come dividere le parole per migliorare la layout del paragrafo.
icon Permettere all'autore di utilizzare l'equivalente iconico per impostare lo stile dell'elemento.
imageOrientation Stabilire la rotazione destra o antioraria applicata all'immagine dall'agente utente.
isolamento Definire se l'elemento deve creare nuovi contenuti di impaginazione.
justifyContent Quando l'oggetto non utilizza tutto lo spazio disponibile, impostare o restituire il modo di allineamento tra gli oggetti all'interno del contenitore flessibile.
sinistro Impostare o restituire la posizione laterale dell'elemento di posizionamento.
letterSpacing Imposta o restituisce lo spazio tra i caratteri nel testo.
lineHeight Imposta o restituisce la distanza tra le righe di testo.
listStyle Imposta o restituisce lo stile di elenco in una singola dichiarazione.
listStyleImage Imposta o restituisce l'immagine come segno di elenco per gli elementi di elenco.
listStylePosition Imposta o restituisce la posizione del segno di elenco per gli elementi di elenco.
listStyleType Imposta o restituisce il tipo di segno di elenco per gli elementi di elenco.
margin Imposta o restituisce i margini esterni dell'elemento (fino a quattro valori).
marginBottom Imposta o restituisce il margine esterno inferiore dell'elemento.
marginLeft Imposta o restituisce il margine esterno sinistro dell'elemento.
marginRight Imposta o restituisce il margine esterno destro dell'elemento.
marginTop Imposta o restituisce il margine esterno superiore dell'elemento.
maxHeight Imposta o restituisce l'altezza massima dell'elemento.
maxWidth Imposta o restituisce la larghezza massima dell'elemento.
minHeight Imposta o restituisce l'altezza minima dell'elemento.
minWidth Imposta o restituisce la larghezza minima dell'elemento.
navDown Imposta o restituisce la posizione di navigazione utilizzata quando si preme il pulsante di navigazione in basso.
navIndex Imposta o restituisce l'ordine di saltare dell'elemento.
navLeft Imposta o restituisce la posizione di navigazione utilizzata quando si preme il pulsante di navigazione a sinistra.
navRight Imposta o restituisce la posizione di navigazione utilizzata quando si preme il pulsante di navigazione a destra.
navUp Imposta o restituisce la posizione di navigazione utilizzata quando si preme il pulsante di navigazione in alto.
objectFit Specificare come il contenuto dell'elemento sostituito deve adattarsi alla scatola definita dalle dimensioni altezza e larghezza utilizzate.
objectPosition Specificare il modo in cui l'elemento sostituito deve essere allineato all'interno della scatola.
opacity Imposta o restituisce il livello di opacità dell'elemento.
order Imposta o restituisce l'ordine dell'elemento rispetto agli altri elementi flessibili.
orphans Imposta o restituisce il numero minimo di righe che devono rimanere alla fine della pagina quando si verifica una paginazione interna dell'elemento.
outline Imposta o restituisce tutti gli attributi outline in una singola dichiarazione.
outlineColor Imposta o restituisce il colore del contorno intorno all'elemento.
outlineOffset Spostare il contorno e disegnarlo al di fuori dell'angolo della cornice.
outlineStyle Imposta o restituisce lo stile del contorno intorno all'elemento.
outlineWidth Imposta o restituisce la larghezza del contorno intorno all'elemento.
overflow Imposta o restituisce come gestire il contenuto visualizzato al di fuori della scatola dell'elemento.
overflowX Regola come gestire i margini sinistri/destra di un contenuto, se si spingono oltre la regione del contenuto dell'elemento.
overflowY Specifica come gestire i margini superiori/inferiori del contenuto, se si sovrappone all'area di contenuto dell'elemento.
padding Imposta o restituisce la spaziazione interna dell'elemento (fino a quattro valori massimi).
paddingBottom Imposta o restituisce la spaziazione interna inferiore dell'elemento.
paddingLeft Imposta o restituisce la spaziazione interna sinistra dell'elemento.
paddingRight Imposta o restituisce la spaziazione interna destra dell'elemento.
paddingTop Imposta o restituisce la spaziazione interna superiore dell'elemento.
pageBreakAfter Imposta o restituisce il comportamento di pagina dopo l'elemento.
pageBreakBefore Imposta o restituisce il comportamento di pagina prima dell'elemento.
pageBreakInside Imposta o restituisce il comportamento di pagina all'interno dell'elemento.
perspective Imposta o restituisce come vedere la prospettiva dell'elemento 3D.
perspectiveOrigin Imposta o restituisce la posizione inferiore dell'elemento 3D.
position Imposta o restituisce il tipo di metodo di posizionamento dell'elemento (statico, relativo, assoluto o fisso).
quotes Imposta o restituisce il tipo di virgolette utilizzate per le citazioni incorniciate.
resize Imposta o restituisce se l'elemento può essere ridimensionato dall'utente.
right Imposta o restituisce la posizione laterale dell'elemento di posizionamento.
scrollBehavior Determina se ci dovrebbe essere un effetto di scorrimento fluido quando l'utente fa clic su un link all'interno di una scatola scorrevole, invece di saltare direttamente.
tableLayout Imposta o restituisce il modo in cui vengono posizionati le celle, le righe e le colonne della tabella.
tabSize Imposta o restituisce la lunghezza del tabulatore.
textAlign Imposta o restituisce il metodo di allineamento orizzontale del testo.
textAlignLast Quando text-align è impostato su "justify", imposta o restituisce come l'ultima riga del blocco o la riga forzata deve essere allineata prima di una virgola obbligatoria.
textDecoration Imposta o restituisce la decorazione del testo.
textDecorationColor Imposta o restituisce il colore della decorazione del testo.
textDecorationLine Imposta o restituisce il tipo di linea utilizzato nella decorazione del testo.
textDecorationStyle Imposta o restituisce lo stile della linea utilizzata nella decorazione del testo.
textIndent Imposta o restituisce il rientro della prima riga di testo.
textJustify Imposta o restituisce il metodo di allineamento utilizzato quando text-align è impostato su "justify".
textOverflow Imposta o restituisce cosa deve accadere quando il testo si sovrappone all'elemento contenitore.
textShadow Imposta o restituisce l'effetto d'ombreggiatura del testo.
textTransform Imposta o restituisce la dimensione del testo in maiuscolo o minuscolo.
top Imposta o restituisce la posizione superiore dell'elemento posizionato.
transform Applica una trasformazione 2D o 3D all'elemento.
transformOrigin Imposta o restituisce la posizione dell'elemento trasformato.
transformStyle Imposta o restituisce il modo in cui i figli dell'elemento vengono renderizzati nello spazio 3D.
transition Usato per impostare o restituire un abbreviazione di quattro proprietà di transizione.
transitionProperty Imposta o restituisce le proprietà CSS dell'effetto di transizione.
transitionDuration Imposta o restituisce il numero di secondi o millisecondi necessari per completare l'effetto di transizione.
transitionTimingFunction Imposta o restituisce la curva di velocità dell'effetto di transizione.
transitionDelay Imposta o restituisce quando inizia l'effetto di transizione.
unicodeBidi Imposta o restituisce se il testo deve essere coperto per supportare più lingue nello stesso documento.
userSelect Imposta o restituisce se il testo dell'elemento può essere selezionato.
verticalAlign Imposta o restituisce il modo in cui il contenuto dell'elemento è allineato verticalmente.
visibility Imposta o restituisce se l'elemento è visibile.
whiteSpace Imposta o restituisce come gestire i tabulatori, i salti di riga e gli spazi nel testo.
width Imposta o restituisce la larghezza dell'elemento.
wordBreak Imposta o restituisce le regole di riga per i caratteri non CJK.
wordSpacing Imposta o restituisce lo spazio tra le parole nel testo.
wordWrap Permette a parole lunghe e indistruttibili di essere interrotte e spostate alla riga successiva.
widows Imposta o restituisce il numero minimo di righe necessarie per mantenere l'elemento visibile in cima alla pagina.
zIndex Imposta o restituisce l'ordine di pila dell'elemento posizionato.

Accedi all'oggetto Style

Puoi accedere all'oggetto Style dalla parte head del documento o da un elemento HTML specifico.

Esempio 1

Accedi all'oggetto di stile della parte head del documento:

var x = document.getElementsByTagName("STYLE");

Prova tu stesso

Esempio 2

Accedi all'oggetto di stile dell'elemento specificato:

var x = document.getElementById("myH1").style;

Prova tu stesso

Creazione dell'oggetto Style

Esempio 1

Puoi utilizzare il metodo document.createElement() per creare un elemento <style>:

var x = document.createElement("STYLE");

Prova tu stesso

Esempio 2

Puoi anche impostare le proprietà di stile degli elementi esistenti:

document.getElementById("myH1").style.color = "red";

Prova tu stesso

Pagine correlate

Guida HTML:HTML CSS

Guida CSS:Guida CSS

Manuale di riferimento HTML:Etichetta <style> HTML

Manuale di riferimento CSS:Proprietà CSS