oggetto Style
L'oggetto Style rappresenta una dichiarazione di stile individuale.
Accedere a un oggetto di stile
L'oggetto Style è accessibile dalla sezione di testa del documento, o da specifiche HTML element(s) .
Accesso stile object(s) dalla sezione head del documento:
Accesso oggetto lo stile di un elemento specificato:
Creare un oggetto di stile
È possibile creare un <style> elemento utilizzando il document. createElement() document. createElement() Metodo:
È inoltre possibile impostare le proprietà di stile di un elemento esistente:
Proprietà stile di oggetto
Il "CSS" colonna indica in quale versione CSS la proprietà è definita (CSS1, CSS2, or CSS3) .
| Proprietà | Descrizione | CSS |
|---|---|---|
| alignContent | Imposta o restituisce l'allineamento tra le righe all'interno di un contenitore flessibile quando gli articoli non utilizzano tutto lo spazio disponibile | 3 |
| alignItems | Imposta o restituisce l'allineamento per gli oggetti all'interno di un contenitore flessibile | 3 |
| alignSelf | Imposta o restituisce l'allineamento di elementi selezionati all'interno di un contenitore flessibile | 3 |
| animation | Una proprietà scorciatoia per tutte le proprietà di animazione di seguito, tranne la proprietà animationPlayState | 3 |
| animationDelay | Imposta o restituisce quando l'animazione avrà inizio | 3 |
| animationDirection | Imposta o restituisce se l'animazione deve giocare in senso inverso sui cicli alterni | 3 |
| animationDuration | Imposta o restituisce il numero di secondi o millisecondi un'animazione necessario per completare un ciclo | 3 |
| animationFillMode | Imposta o restituisce quali valori vengono applicati dall'animazione al di fuori del tempo che sta eseguendo | 3 |
| animationIterationCount | Imposta o restituisce il numero di volte che un animazione dovrebbe essere giocato | 3 |
| animationName | Imposta o restituisce un nome per l'animazione @keyframes | 3 |
| animationTimingFunction | Imposta o restituisce la curva velocità dell'animazione | 3 |
| animationPlayState | Imposta o restituisce se l'animazione è in esecuzione o in pausa | 3 |
| background | Imposta o restituisce tutte le proprietà di sfondo in una dichiarazione | 1 |
| backgroundAttachment | Imposta o restituisce se un background-image è fisso o scorre con la pagina | 1 |
| backgroundColor | Imposta o restituisce il colore di sfondo di un elemento | 1 |
| backgroundImage | Imposta o restituisce l'immagine di sfondo di un elemento | 1 |
| backgroundPosition | Imposta o restituisce la posizione di partenza di un background-image | 1 |
| backgroundRepeat | Imposta o restituisce come ripetere (tile) un background-image | 1 |
| backgroundClip | Imposta o restituisce l'area della pittura dello sfondo | 3 |
| backgroundOrigin | Imposta o restituisce l'area posizionamento delle immagini di sfondo | 3 |
| backgroundSize | Imposta o restituisce la dimensione dell'immagine di sfondo | 3 |
| backfaceVisibility | Imposta o restituisce se un elemento deve essere visibile quando non è rivolto verso lo schermo | 3 |
| border | Imposta o restituisce borderWidth, borderStyle, e borderColor in una dichiarazione | 1 |
| borderBottom | Imposta o restituisce tutto il borderBottom * proprietà in una dichiarazione | 1 |
| borderBottomColor | Imposta o restituisce il colore del bordo inferiore | 1 |
| borderBottomLeftRadius | Imposta o restituisce la forma del bordo del angolo in basso a sinistra | 3 |
| borderBottomRightRadius | Imposta o restituisce la forma del bordo del basso a destra | 3 |
| borderBottomStyle | Imposta o restituisce lo stile del bordo inferiore | 1 |
| borderBottomWidth | Imposta o restituisce la larghezza del bordo inferiore | 1 |
| borderCollapse | Imposta o restituisce se il bordo della tabella devono essere compressi in un singolo bordo, o no | 2 |
| borderColor | Imposta o restituisce il colore del bordo di un elemento (può avere fino a quattro valori) | 1 |
| borderImage | Una proprietà scorciatoia per settare o restituire tutte le proprietà borderImage * | 3 |
| borderImageOutset | Imposta o restituisce l'importo di cui l'area dell'immagine di confine si estende oltre il bordo casella | 3 |
| borderImageRepeat | Imposta o restituisce se l'immagine di frontiera dovrebbero essere ripetute, arrotondato o allungato | 3 |
| borderImageSlice | Imposta o restituisce gli offset verso l'interno dell'immagine-border | 3 |
| borderImageSource | Imposta o restituisce l'immagine da utilizzare come un bordo | 3 |
| borderImageWidth | Imposta o restituisce la larghezza dell'immagine-border | 3 |
| borderLeft | Imposta o restituisce tutto il borderLeft * proprietà in una dichiarazione | 1 |
| borderLeftColor | Imposta o restituisce il colore del bordo sinistro | 1 |
| borderLeftStyle | Imposta o restituisce lo stile del bordo sinistro | 1 |
| borderLeftWidth | Imposta o restituisce la larghezza del bordo sinistro | 1 |
| borderRadius | Una proprietà scorciatoia per settare o di ritorno tutte le quattro confine * proprietà Radius | 3 |
| borderRight | Imposta o restituisce tutto il borderRight * proprietà in una dichiarazione | 1 |
| borderRightColor | Imposta o restituisce il colore del bordo destro | 1 |
| borderRightStyle | Imposta o restituisce lo stile del bordo destro | 1 |
| borderRightWidth | Imposta o restituisce la larghezza del bordo destro | 1 |
| borderSpacing | Imposta o restituisce lo spazio tra le celle di una tabella | 2 |
| borderStyle | Imposta o restituisce lo stile del bordo di un elemento (può avere fino a quattro valori) | 1 |
| borderTop | Imposta o restituisce tutto il BorderTop * proprietà in una dichiarazione | 1 |
| borderTopColor | Imposta o restituisce il colore del bordo superiore | 1 |
| borderTopLeftRadius | Imposta o restituisce la forma del bordo del angolo in alto a sinistra | 3 |
| borderTopRightRadius | Imposta o restituisce la forma del bordo del angolo in alto a destra | 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 di un elemento (può avere fino a quattro valori) | 1 |
| bottom | Imposta o restituisce la posizione inferiore di un elemento posizionato | 2 |
| boxDecorationBreak | Imposta o restituisce il comportamento dello sfondo e il bordo di un elemento a page-break, o, per gli elementi in linea, alla linea-break. | 3 |
| boxShadow | Attribuisce una o più drop-ombre alla casella | 3 |
| boxSizing | Consente di definire alcuni elementi per adattarsi su una superficie in un certo modo | 3 |
| captionSide | Imposta o restituisce la posizione della didascalia di tabella | 2 |
| clear | Imposta o restituisce la posizione dell'elemento rispetto agli oggetti galleggianti | 1 |
| clip | Imposta o restituisce quale parte di un elemento posizionato è visibile | 2 |
| color | Imposta o restituisce il colore del testo | 1 |
| columnCount | Imposta o restituisce il numero di colonne un elemento deve essere suddivisa in | 3 |
| columnFill | Imposta o restituisce come riempire le colonne | 3 |
| columnGap | Imposta o restituisce la distanza tra le colonne | 3 |
| columnRule | Una proprietà scorciatoia per settare 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 | Una proprietà scorciatoia per settare o di ritorno columnWidth e columnCount | 3 |
| columnSpan | Imposta o restituisce il numero di colonne di un elemento dovrebbe estendersi su tutta | 3 |
| columnWidth | Imposta o restituisce la larghezza delle colonne | 3 |
| content | Utilizzato con il: before e: after pseudo-elementi, per inserire contenuto generato | 2 |
| counterIncrement | Incrementa uno o più contatori | 2 |
| counterReset | Crea o azzera uno o più contatori | 2 |
| cursor | Imposta o restituisce il tipo di cursore per visualizzare per il puntatore del mouse | 2 |
| direction | Imposta o restituisce la direzione del testo | 2 |
| display | Imposta o restituisce il tipo di visualizzazione di un elemento | 1 |
| emptyCells | Imposta o restituisce se mostrare il bordo e lo sfondo delle celle vuote, o no | 2 |
| filter | Imposta o restituisce filtri di immagine (visual effects, like blur and saturation) | 3 |
| flex | Imposta o restituisce la lunghezza della voce, rispetto al resto | 3 |
| flexBasis | Imposta o restituisce la lunghezza iniziale di un elemento flessibile | 3 |
| flexDirection | Imposta o restituisce la direzione degli elementi flessibili | 3 |
| flexFlow | Una proprietà scorciatoia per la flexDirection e le proprietà flexWrap | 3 |
| flexGrow | Imposta o restituisce quanto la voce crescerà rispetto al resto | 3 |
| flexShrink | Imposta o restituisce come l'elemento si ridurrà rispetto al resto | 3 |
| flexWrap | Imposta o restituisce se le voci flessibili deve andare a capo o no | 3 |
| cssFloat | Imposta o restituisce l'allineamento orizzontale di un elemento | 1 |
| font | Imposta o restituisce fontStyle, fontVariant, fontWeight, fontSize, lineHeight, e fontFamily in una dichiarazione | 1 |
| fontFamily | Imposta o restituisce la famiglia di font per il testo | 1 |
| fontSize | Imposta o restituisce la dimensione del carattere del testo | 1 |
| fontStyle | Imposta o restituisce se lo stile del carattere è normale, corsivo o obliquo | 1 |
| fontVariant | Imposta o restituisce se il font devono essere visualizzati in lettere maiuscole piccole | 1 |
| fontWeight | Imposta o restituisce l'audacia del carattere | 1 |
| fontSizeAdjust | Preserva la leggibilità del testo quando si verifica carattere di ripiego | 3 |
| fontStretch | Seleziona un normale, condensato, o faccia ampliato da una famiglia di font | 3 |
| hangingPunctuation | Specifica se un carattere di punteggiatura può essere posto fuori dagli schemi linea | 3 |
| height | Imposta o restituisce l'altezza di un elemento | 1 |
| hyphens | Imposta come dividere le parole per migliorare il layout dei paragrafi | 3 |
| icon | Fornisce l'autore la possibilità per lo stile un elemento con un equivalente iconico | 3 |
| imageOrientation | Specifica una rotazione nella direzione giusta o in senso orario che un agente utente applica ad un'immagine | 3 |
| justifyContent | Imposta o restituisce l'allineamento tra gli elementi all'interno di un contenitore flessibile quando gli elementi non utilizzare tutto lo spazio disponibile. | 3 |
| left | Imposta o restituisce la posizione sinistra di un elemento posizionato | 2 |
| letterSpacing | Imposta o restituisce lo spazio tra i caratteri in un testo | 1 |
| lineHeight | Imposta o restituisce la distanza tra le linee in un testo | 1 |
| listStyle | Imposta o restituisce listStyleImage, listStylePosition, e listStyleType in una dichiarazione | 1 |
| listStyleImage | Imposta o restituisce un'immagine come marcatore di lista | 1 |
| listStylePosition | Imposta o restituisce la posizione del marcatore di lista | 1 |
| listStyleType | Imposta o restituisce il tipo di marcatore di lista | 1 |
| margin | Imposta o restituisce i margini di un elemento (can have up to four values) | 1 |
| marginBottom | Imposta o restituisce il margine inferiore di un elemento | 1 |
| marginLeft | Imposta o restituisce il margine sinistro di un elemento | 1 |
| marginRight | Imposta o restituisce il margine destro di un elemento | 1 |
| marginTop | Imposta o restituisce il margine superiore di un elemento | 1 |
| maxHeight | Imposta o restituisce l'altezza massima di un elemento | 2 |
| maxWidth | Imposta o restituisce la larghezza massima di un elemento | 2 |
| minHeight | Imposta o restituisce l'altezza minima di un elemento | 2 |
| minWidth | Imposta o restituisce la larghezza minima di un elemento | 2 |
| navDown | Imposta o restituisce dove poter navigare quando si utilizza il tasto di navigazione freccia verso il basso | 3 |
| navIndex | Imposta o restituisce l'ordine di tabulazione per un elemento | 3 |
| navLeft | Imposta o restituisce dove poter navigare quando si utilizza il tasto di navigazione freccia-sinistra | 3 |
| navRight | Imposta o restituisce dove poter navigare quando si utilizza il tasto di navigazione freccia a destra | 3 |
| navUp | Imposta o restituisce dove poter navigare quando si utilizza il tasto di navigazione freccia-up | 3 |
| opacity | Imposta o restituisce il livello di opacità per un elemento | 3 |
| order | Imposta o restituisce l'ordine della voce flessibile, rispetto al resto | 3 |
| orphans | Imposta o restituisce il numero minimo di righe per un elemento che deve essere lasciato in fondo a una pagina quando si verifica un'interruzione di pagina all'interno di un elemento | 2 |
| outline | Imposta o restituisce tutte le proprietà di contorno in una dichiarazione | 2 |
| outlineColor | Imposta o restituisce il colore del contorno intorno ad un elemento | 2 |
| outlineOffset | Compensa un contorno, e lo attira oltre il limite del bordo | 3 |
| outlineStyle | Imposta o restituisce lo stile del contorno intorno ad un elemento | 2 |
| outlineWidth | Imposta o restituisce la larghezza del contorno intorno ad un elemento | 2 |
| overflow | Imposta o restituisce ciò che a che fare con il contenuto che rende fuori dagli schemi elemento | 2 |
| overflowX | Specifica cosa fare con la Sinistra / bordi destro del contenuto, se trabocca zona contenuto dell'elemento | 3 |
| overflowY | Specifica cosa fare con i primi / bordi inferiori del contenuto, se trabocca zona contenuto dell'elemento | 3 |
| padding | Imposta o restituisce l'imbottitura di un elemento (can have up to four values) | 1 |
| paddingBottom | Imposta o restituisce il padding inferiore di un elemento | 1 |
| paddingLeft | Imposta o restituisce il padding sinistro di un elemento | 1 |
| paddingRight | Imposta o restituisce il diritto padding di un elemento | 1 |
| paddingTop | Imposta o restituisce il padding superiore di un elemento | 1 |
| pageBreakAfter | Imposta o restituisce il comportamento page-break dopo un elemento | 2 |
| pageBreakBefore | Imposta o restituisce il comportamento page-break prima di un elemento | 2 |
| pageBreakInside | Imposta o restituisce il comportamento page-break all'interno di un elemento | 2 |
| perspective | Imposta o restituisce il punto di vista su come gli elementi 3D sono visti | 3 |
| perspectiveOrigin | Imposta o restituisce la posizione inferiore di elementi 3D | 3 |
| position | Imposta o restituisce il tipo di metodo di posizionamento utilizzato per un elemento (static, relative, absolute or fixed) | 2 |
| quotes | Imposta o restituisce il tipo di virgolette per citazioni incorporate | 2 |
| resize | Imposta o restituisce se un elemento è ridimensionabile dall'utente | 3 |
| right | Imposta o restituisce la giusta posizione di un elemento posizionato | 2 |
| tableLayout | Imposta o restituisce il modo per disporre celle di tabella, righe e colonne | 2 |
| tabSize | Imposta o restituisce la lunghezza della scheda-personaggio | 3 |
| textAlign | Imposta o restituisce l'allineamento orizzontale del testo | 1 |
| textAlignLast | Imposta o restituisce come l'ultima riga di un blocco o una linea a destra prima di un'interruzione di riga forzata è allineato quando text-align è "justify" | 3 |
| textDecoration | Imposta o restituisce la decorazione di un testo | 1 |
| textDecorationColor | Imposta o restituisce il colore del text-decoration | 3 |
| textDecorationLine | Imposta o restituisce il tipo di linea in un text-decoration | 3 |
| textDecorationStyle | Imposta o restituisce lo stile della linea in una decorazione di testo | 3 |
| textIndent | Imposta o restituisce il rientro della prima riga di testo | 1 |
| textJustify | Imposta o restituisce il metodo di giustificazione utilizzati quando text-align è "justify" | 3 |
| textOverflow | Imposta o restituisce ciò che dovrebbe accadere quando il testo overflow l'elemento contenente | 3 |
| textShadow | Imposta o restituisce l'effetto ombra di un testo | 3 |
| textTransform | Imposta o restituisce la capitalizzazione di un testo | 1 |
| top | Imposta o restituisce la posizione superiore di un elemento posizionato | 2 |
| transform | Si applica una trasformazione 2D o 3D a un elemento | 3 |
| transformOrigin | Imposta o restituisce la posizione degli elementi trasformati | 3 |
| transformStyle | Imposta o restituisce come gli elementi annidati sono resi nello spazio 3D | 3 |
| transition | Una proprietà scorciatoia per settare o restituzione dei quattro proprietà di transizione | 3 |
| transitionProperty | Imposta o restituisce la proprietà CSS che l'effetto di transizione è per | 3 |
| transitionDuration | Imposta o restituisce il numero di secondi o millesimi di secondo un effetto di transizione necessario per completare | 3 |
| transitionTimingFunction | Imposta o restituisce la curva velocità dell'effetto transizione | 3 |
| transitionDelay | Imposta o restituisce quando l'effetto di transizione avrà inizio | 3 |
| unicodeBidi | Imposta o restituisce se il testo deve essere ignorato per supportare più lingue nello stesso documento | 2 |
| verticalAlign | Imposta o restituisce l'allineamento verticale del contenuto in un elemento | 1 |
| visibility | Imposta o restituisce se un elemento dovrebbe essere visibile | 2 |
| whiteSpace | Imposta o restituisce come gestire le schede, interruzioni di riga e gli spazi bianchi in un testo | 1 |
| width | Imposta o restituisce la larghezza di un elemento | 1 |
| wordBreak | Imposta o ritorno della linea infrangere le regole per gli script non CJK | 3 |
| wordSpacing | Imposta o restituisce la spaziatura tra le parole in un testo | 1 |
| wordWrap | Consente lunghe, parole infrangibili per essere rotto e avvolgere alla riga successiva | 3 |
| widows | Imposta o restituisce il numero minimo di linee per un elemento che deve essere visibile nella parte superiore di una pagina | 2 |
| zIndex | Imposta o restituisce l'ordine di sovrapposizione di un elemento posizionato | 2 |
Pagine correlate
HTML tutorial: HTML CSS
Tutorial CSS: CSS Tutorial
Di riferimento HTML: HTML <style> tag
Di riferimento CSS: CSS Properties