English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
l'oggetto Style rappresenta una singola dichiarazione di stile.
l'oggetto Style può essere acceduto sia dal documento che dall'elemento a cui viene applicato lo stile.
La tabella elenca le proprietà dell'oggetto Style.
la colonna "CSS" indica in quale versione di CSS è definita l'attributo (CSS1, CSS2 o CSS3).
| proprietà | descrizione | CSS |
|---|---|---|
| alignContent | quando gli elementi non utilizzano tutto lo spazio disponibile, impostare o restituire il modo di allineamento tra le righe all'interno del contenitore elastico | 3 |
| alignItems | impostare o restituire il modo di allineamento degli elementi all'interno del contenitore elastico | 3 |
| alignSelf | impostare o restituire il modo di allineamento degli elementi selezionati all'interno del contenitore elastico | 3 |
| animation | tutti gli attributi di animazione tranne l'attributo animationPlayState | 3 |
| animationDelay | impostare o restituire il tempo di inizio dell'animazione | 3 |
| animationDirection | impostare o restituire se l'animazione deve essere ripetuta alternativamente una volta | 3 |
| animationDuration | impostare o restituire il tempo necessario per completare un ciclo dell'animazione in secondi o millisecondi | 3 |
| animationFillMode | impostare o restituire il valore applicato oltre il tempo di esecuzione dell'animazione | 3 |
| animationIterationCount | impostare o restituire il numero di volte che l'animazione viene ripetuta | 3 |
| animationName | impostare o restituire il nome dell'animazione @keyframes | 3 |
| animationTimingFunction | impostare o restituire la curva di velocità dell'animazione | 3 |
| animationPlayState | impostare o restituire se l'animazione deve essere eseguita o in pausa | 3 |
| background | impostare o restituire tutti gli attributi di sfondo in una dichiarazione | 1 |
| backgroundAttachment | impostare o restituire se l'immagine di sfondo è fissa o scorre insieme alla pagina | 1 |
| backgroundColor | impostare o restituire il colore di sfondo dell'elemento | 1 |
| backgroundImage | impostare o restituire l'immagine di sfondo dell'elemento | 1 |
| backgroundPosition | impostare o restituire la posizione iniziale dell'immagine di sfondo | 1 |
| backgroundRepeat | impostare o restituire come ripetere (tiling) l'immagine di sfondo | 1 |
| backgroundClip | impostare o restituire l'area di disegno dello sfondo | 3 |
| backgroundOrigin | impostare o restituire l'area di posizionamento dell'immagine di sfondo | 3 |
| backgroundSize | impostare o restituire la dimensione dell'immagine di sfondo | 3 |
| backfaceVisibility | impostare o restituire se l'elemento deve essere visibile quando non è rivolto verso lo schermo | 3 |
| border | impostare o restituire borderWidth, borderStyle e borderColor in una dichiarazione | 1 |
| borderBottom | impostare o restituire tutti i valori di borderBottom in una dichiarazione | 1 |
| borderBottomColor | impostare o restituire il colore del bordo inferiore | 1 |
| borderBottomLeftRadius | impostare o restituire la forma del bordo dell'angolo in basso a sinistra | 3 |
| borderBottomRightRadius | impostare o restituire la forma del bordo dell'angolo in basso a destra | 3 |
| borderBottomStyle | impostare o restituire lo stile del bordo inferiore | 1 |
| borderBottomWidth | impostare o restituire la larghezza del bordo inferiore | 1 |
| borderCollapse | impostare o restituire se le bordature della tabella devono essere raggomitolate in un singolo bordo | 2 |
| borderColor | impostare o restituire il colore del bordo dell'elemento (può avere fino a quattro valori) | 1 |
| borderImage | proprietà abbreviata per impostare o restituire tutti i valori di borderImage | 3 |
| borderImageOutset | impostare o restituire la quantità di area dell'immagine di bordo che supera il bordo | 3 |
| borderImageRepeat | impostare o restituire se l'immagine di confine deve essere ripetuta, arrotondata o stirata | 3 |
| borderImageSlice | impostare o restituire la spostamento inward dell'immagine di confine | 3 |
| borderImageSource | impostare o restituire l'immagine utilizzata come bordo | 3 |
| borderImageWidth | impostare o restituire la larghezza del bordo dell'immagine | 3 |
| borderLeft | impostare o restituire tutti i valori di borderLeft in una dichiarazione | 1 |
| borderLeftColor | impostare o restituire il colore del bordo sinistro | 1 |
| borderLeftStyle | impostare o restituire lo stile del bordo sinistro | 1 |
| borderLeftWidth | impostare o restituire la larghezza del bordo sinistro | 1 |
| borderRadius | proprietà abbreviata per impostare o restituire tutti e quattro i valori di borderRadius | 3 |
| borderRight | impostare o restituire tutti i valori di borderRight in una dichiarazione | 1 |
| borderRightColor | impostare o restituire il colore del bordo destro | 1 |
| borderRightStyle | impostare o restituire lo stile del bordo destro | 1 |
| borderRightWidth | impostare o restituire la larghezza del bordo destro | 1 |
| borderSpacing | impostare o restituire lo spazio tra le celle della tabella | 2 |
| borderStyle | impostare o restituire lo stile del bordo dell'elemento (può avere fino a quattro valori) | 1 |
| borderTop | impostare o restituire tutti i valori di borderTop in una dichiarazione | 1 |
| borderTopColor | Imposta o restituisce il colore del bordo superiore | 1 |
| borderTopLeftRadius | Imposta o restituisce la forma dell'angolo in alto a sinistra del bordo | 3 |
| borderTopRightRadius | Imposta o restituisce la forma dell'angolo in alto a destra del bordo | 3 |
| borderTopStyle | Imposta o restituisce lo stile del bordo superiore | 1 |
| borderTopWidth | Imposta o restituisce la larghezza del bordo superiore | 1 |
| borderWidth | Imposta o restituisce la larghezza del bordo dell'elemento (può avere fino a quattro valori) | 1 |
| bottom | Imposta o restituisce la posizione inferiore dell'elemento posizionato | 2 |
| boxDecorationBreak | Imposta o restituisce il comportamento dello sfondo e dei bordi dell'elemento in un segnaposto di pagina o il comportamento dei bordi degli elementi inline in un segnaposto di riga. | 3 |
| boxShadow | Aggiungi uno o più ombre a un riquadro | 3 |
| boxSizing | Permette di definire come alcuni elementi si adattano a una certa area | 3 |
| captionSide | Imposta o restituisce la posizione del titolo della tabella | 2 |
| clear | Imposta o restituisce la posizione dell'elemento rispetto agli oggetti fluttuanti | 1 |
| clip | Imposta o restituisce quale parte dell'elemento posizionato deve essere visibile | 2 |
| color | Imposta o restituisce il colore del testo | 1 |
| columnCount | Imposta o restituisce il numero di colonne in cui l'elemento dovrebbe essere diviso | 3 |
| columnFill | Imposta o restituisce come riempire le colonne | 3 |
| columnGap | Imposta o restituisce lo spazio tra le colonne | 3 |
| columnRule | Proprietà abbreviata per impostare o restituire tutte le proprietà columnRule | 3 |
| columnRuleColor | Imposta o restituisce il colore della regola tra le colonne | 3 |
| columnRuleStyle | Imposta o restituisce lo stile della regola tra le colonne | 3 |
| columnRuleWidth | Imposta o restituisce la larghezza della regola tra le colonne | 3 |
| columns | Proprietà abbreviata per impostare o restituire columnWidth e columnCount | 3 |
| columnSpan | Imposta o restituisce il numero di colonne che l'elemento dovrebbe attraversare | 3 |
| columnWidth | Imposta o restituisce la larghezza della colonna | 3 |
| content | Usa insieme ai pseudo-elementi :before e :after per inserire il contenuto generato | 2 |
| counterIncrement | Aumenta uno o più contatori | 2 |
| counterReset | Crea o ripristina uno o più contatori | 2 |
| cursor | Imposta o restituisce il tipo di cursore visibile al mouse | 2 |
| direction | Imposta o restituisce la direzione del testo | 2 |
| display | Imposta o restituisce il tipo di visualizzazione dell'elemento | 1 |
| emptyCells | Imposta o restituisce se visualizzare i bordi e lo sfondo delle celle vuote | 2 |
| filter | Imposta o restituisce il filtro dell'immagine (effetti visivi come sfocatura e saturazione) | 3 |
| flex | Imposta o restituisce la lunghezza dell'elemento rispetto al resto | 3 |
| flexBasis | Impostare o restituire la lunghezza iniziale del materiale elastico | 3 |
| flexDirection | Impostare o restituire la direzione dell'elemento elastico | 3 |
| flexFlow | Proprietà abbreviate di flexDirection e flexWrap | 3 |
| flexGrow | Impostare o restituire l'ammontare di crescita dell'elemento rispetto agli altri elementi | 3 |
| flexShrink | Impostare o restituire il modo di contrazione dell'elemento rispetto agli altri elementi | 3 |
| flexWrap | Impostare o restituire se l'elemento elastico deve avvolgere | 3 |
| cssFloat | Impostare o restituire il modo di allineamento orizzontale dell'elemento | 1 |
| font | Impostare o restituire fontStyle, fontVariant, fontWeight, fontSize, lineHeight e fontFamily in una dichiarazione | 1 |
| fontFamily | Impostare o restituire la famiglia di caratteri del testo | 1 |
| fontSize | Impostare o restituire la dimensione del font del testo | 1 |
| fontStyle | Impostare o restituire se lo stile del font è normale, in corsivo o in corsivo obliquo | 1 |
| fontVariant | Impostare o restituire se il font viene visualizzato in minuscolo o maiuscolo | 1 |
| fontWeight | Impostare o restituire il grassetto del font | 1 |
| fontSizeAdjust | Riservare la leggibilità del testo durante il fallback del font | 3 |
| fontStretch | Scegliere un font normale, compresso o esteso dalla famiglia di caratteri | 3 |
| hangingPunctuation | Specificare se i punteggi diinterpunzione possono essere posizionati al di fuori del riquadro di riga | 3 |
| height | Impostare o restituire l'altezza dell'elemento | 1 |
| hyphens | Impostare come dividere le parole per migliorare la layout del paragrafo | 3 |
| icon | Permettere all'autore di impostare lo stile dell'elemento utilizzando uno stile equivalente simbolico | 3 |
| imageOrientation | Specificare la rotazione destra o in senso orario dell'utente agente applicata all'immagine | 3 |
| isolation | Definire se l'elemento deve creare nuovo contenuto di impilamento | 3 |
| justifyContent | Impostare o restituire il modo di allineamento dell'elemento all'interno del contenitore elastico quando non viene utilizzato tutto lo spazio disponibile | 3 |
| left | Impostare o restituire la posizione di sinistra dell'elemento posizionato | 2 |
| letterSpacing | Impostare o restituire lo spazio tra i caratteri del testo | 1 |
| lineHeight | Impostare o restituire la distanza tra le righe del testo | 1 |
| listStyle | Impostare o restituire listStyleImage, listStylePosition e listStyleType in una dichiarazione | 1 |
| listStyleImage | Impostare o restituire un'immagine come etichetta dell'elemento della lista | 1 |
| listStylePosition | Impostare o restituire la posizione dell'etichetta dell'elemento della lista | 1 |
| listStyleType | Impostare o restituire il tipo di etichetta dell'elemento della lista | 1 |
| margin | impostare o restituire i margini dell'elemento (può avere fino a quattro valori) | 1 |
| marginBottom | impostare o restituire il margine inferiore dell'elemento | 1 |
| marginLeft | impostare o restituire il margine sinistro dell'elemento | 1 |
| marginRight | impostare o restituire il margine destro dell'elemento | 1 |
| marginTop | impostare o restituire il margine superiore dell'elemento | 1 |
| maxHeight | impostare o restituire l'altezza massima dell'elemento | 2 |
| maxWidth | impostare o restituire la larghezza massima dell'elemento | 2 |
| minHeight | impostare o restituire l'altezza minima dell'elemento | 2 |
| minWidth | impostare o restituire la larghezza minima dell'elemento | 2 |
| navDown | impostare o restituire la posizione di navigazione quando si utilizza il tasto freccia giù per navigare | 3 |
| navIndex | impostare o restituire l'ordine di tabulazione dell'elemento | 3 |
| navLeft | impostare o restituire la posizione di navigazione quando si utilizza il tasto freccia sinistra per navigare | 3 |
| navRight | impostare o restituire la posizione di navigazione quando si utilizza il tasto freccia destra per navigare | 3 |
| navUp | impostare o restituire la posizione di navigazione quando si utilizza il tasto freccia su per navigare | 3 |
| objectFit | specificare come adattare il contenuto dell'elemento al riquadro utilizzando l'altezza e la larghezza specificate | 3 |
| objectPosition | specificare il modo di allineamento del contenuto dell'elemento all'interno del riquadro | 3 |
| opacity | impostare o restituire il livello di opacità dell'elemento | 3 |
| order | impostare o restituire l'ordine dell'elemento rispetto agli altri elementi flessibili | 3 |
| orphans | impostare o restituire il numero minimo di righe che devono rimanere alla fine della pagina quando si verifica una pagina di ritorno all'interno dell'elemento | 2 |
| outline | impostare o restituire tutte le proprietà della cornice in una dichiarazione | 2 |
| outlineColor | impostare o restituire il colore della cornice dell'elemento | 2 |
| outlineOffset | spostare la cornice e disegnarla al di fuori dell'angolo del bordo | 3 |
| outlineStyle | impostare o restituire lo stile della cornice dell'elemento | 2 |
| outlineWidth | impostare o restituire la larghezza della cornice dell'elemento | 2 |
| overflow | impostare o restituire il modo di gestione del contenuto visualizzato al di fuori del riquadro dell'elemento | 2 |
| overflowX | specificare come gestire il contenuto che fuoriesce dai margini sinistro/destro dell'area di contenuto dell'elemento | 3 |
| overflowY | specificare come gestire il contenuto che fuoriesce dai margini superiore/inferiore dell'area di contenuto dell'elemento | 3 |
| padding | impostare o restituire il riempimento dell'elemento (può contenere fino a quattro valori) | 1 |
| paddingBottom | impostare o restituire il riempimento inferiore dell'elemento | 1 |
| paddingLeft | impostare o restituire il riempimento sinistro dell'elemento | 1 |
| paddingRight | impostare o restituire il riempimento destro dell'elemento | 1 |
| paddingTop | impostare o restituire il riempimento superiore dell'elemento | 1 |
| pageBreakAfter | impostare o restituire il comportamento del segno di pagina dopo l'elemento | 2 |
| pageBreakBefore | impostare o restituire il comportamento del simbolo di pagina prima dell'elemento | 2 |
| pageBreakInside | impostare o restituire il comportamento del simbolo di pagina all'interno dell'elemento | 2 |
| perspective | impostare o restituire come visualizzare la prospettiva dell'elemento 3D | 3 |
| perspectiveOrigin | impostare o restituire la posizione inferiore dell'elemento 3D | 3 |
| position | impostare o restituire il tipo di metodo di posizionamento utilizzato per l'elemento (statico, relativo, assoluto o fisso) | 2 |
| quotes | impostare o restituire il tipo di virgolette utilizzato per le citazioni incorate | 2 |
| resize | impostare o restituire se l'elemento può essere ridimensionato dall'utente | 3 |
| right | impostare o restituire la posizione corretta dell'elemento posizionato | 2 |
| tableLayout | impostare o restituire il modo di disporre le celle, le righe e le colonne della tabella | 2 |
| tabSize | impostare o restituire la lunghezza del tabulatore | 3 |
| textAlign | impostare o restituire il modo di allineamento orizzontale del testo | 1 |
| textAlignLast | impostare o restituire il modo di allineamento prima della forzata newline quando il testo è allineato su 'justify' | 3 |
| textDecoration | impostare o restituire la decorazione del testo | 1 |
| textDecorationColor | impostare o restituire il colore della decorazione del testo | 3 |
| textDecorationLine | impostare o restituire il tipo di linea nella decorazione del testo | 3 |
| textDecorationStyle | impostare o restituire lo stile della linea nella decorazione del testo | 3 |
| textIndent | impostare o restituire il rientro della prima riga del testo | 1 |
| textJustify | impostare o restituire il metodo di allineamento utilizzato quando il testo è allineato su 'justify' | 3 |
| textOverflow | impostare o restituire cosa succede quando il testo si sovrappone all'elemento contenitore | 3 |
| textShadow | impostare o restituire l'effetto di ombra del testo | 3 |
| textTransform | impostare o restituire la forma maiuscola del testo | 1 |
| top | impostare o restituire la posizione superiore dell'elemento posizionato | 2 |
| transform | applicare una trasformazione 2D o 3D all'elemento | 3 |
| transformOrigin | impostare o restituire la posizione dell'elemento dopo la trasformazione | 3 |
| transformStyle | impostare o restituire il modo di visualizzare gli elementi annidati nello spazio 3D | 3 |
| transition | usato per impostare o restituire le proprietà di transizione dei quattro attributi abbreviati | 3 |
| transitionProperty | impostare o restituire le proprietà CSS interessate dall'effetto di transizione | 3 |
| transitionDuration | impostare o restituire il numero di secondi o millisecondi necessari per completare l'effetto di transizione | 3 |
| transitionTimingFunction | impostare o restituire la curva di velocità dell'effetto di transizione | 3 |
| transitionDelay | impostare o restituire il tempo di inizio dell'effetto di transizione | 3 |
| unicodeBidi | Imposta o restituisci se il testo deve essere riscritto per supportare più lingue nello stesso documento | 2 |
| userSelect | Imposta o restituisci se il testo dell'elemento può essere selezionato | 2 |
| verticalAlign | Imposta o restituisci il modo di allineamento verticale del contenuto dell'elemento | 1 |
| visibility | Imposta o restituisci se l'elemento deve essere visibile | 2 |
| whiteSpace | Imposta o restituisci come gestire i tabulatori, i salti di riga e gli spazi nel testo | 1 |
| width | Imposta o restituisci la larghezza dell'elemento | 1 |
| wordBreak | Imposta o restituisci le regole di salto di riga per script non CJK | 3 |
| wordSpacing | Imposta o restituisci lo spazio tra le parole nel testo | 1 |
| wordWrap | Permette di spezzare parole lunghe e indurite e di spostarle alla riga successiva | 3 |
| widows | Imposta o restituisci il numero minimo di righe visibili in alto nella pagina per l'elemento | 2 |
| zIndex | Imposta o restituisci l'ordine di sovrapposizione dell'elemento posizionato | 2 |
Tutorial HTML:HTML CSS
Tutorial CSS:Tutorial CSS
Riferimento HTML:Tag <style> HTML
Riferimento CSS:Proprietà CSS