accent-color |
Specifica il colore di enfasi dell'interfaccia utente. |
align-content |
Regola il modo di allineamento tra le righe all'interno del contenitore flessibile, quando gli elementi non utilizzano tutto lo spazio disponibile. |
align-items |
Regola il modo di allineamento degli elementi all'interno del contenitore flessibile. |
align-self |
Regola il modo di allineamento degli elementi selezionati all'interno del contenitore flessibile. |
all |
Ripristina tutti gli attributi (tranne unicode-bidi e direction). |
animation |
Abbreviazione di tutti gli attributi animation-*. |
animation-delay |
Regola il ritardo di inizio dell'animazione. |
animation-direction |
Regola se l'animazione deve essere riprodotta in avanti, all'indietro o alternativamente. |
animation-duration |
Regola il tempo che deve passare per completare un ciclo dell'animazione. |
animation-fill-mode |
Regola lo stile dell'elemento quando non viene riprodotta l'animazione (prima di iniziare, dopo di essere finita, o entrambi). |
animation-iteration-count |
Regola il numero di volte che l'animazione deve essere riprodotta. |
animation-name |
Regola il nome dell'animazione @keyframes. |
animation-play-state |
Regola se l'animazione deve essere riprodotta o pausa. |
animation-timing-function |
Regola la curva di velocità dell'animazione. |
aspect-ratio |
Specifica il rapporto di aspetto preferito dell'elemento. |
caption-side |
Stabilisce il modo in cui i titoli delle tabelle vengono posizionati. |
caret-color |
Stabilisce il colore del cursore all'interno di input, textarea o qualsiasi elemento editabile. |
@charset |
Stabilisce il codice di encoding dei caratteri utilizzato nella tabella di stili. |
clear |
Stabilisce in quale lato dell'elemento non è permesso il浮动 degli elementi. |
clip |
Tagliare gli elementi con posizionamento assoluto. |
clip-path |
Taglia l'elemento in una forma base o in una sorgente SVG. |
color |
Imposta il colore del testo. |
color-scheme |
Indica quale schema di colori del sistema operativo deve essere utilizzato per la visualizzazione dell'elemento. |
column-count |
Determina il numero di colonne in cui l'elemento dovrebbe essere diviso. |
column-fill |
Specifica come riempire le colonne (se bilanciato). |
column-gap |
Determina lo spazio tra le colonne. |
column-rule |
Proprietà abbreviate di tutte le proprietà column-rule-*. |
column-rule-color |
Determina il colore delle regole tra le colonne. |
column-rule-style |
Determina lo stile delle regole tra le colonne. |
column-rule-width |
Determina la larghezza delle regole tra le colonne. |
column-span |
Determina il numero di colonne che l'elemento dovrebbe attraversare. |
column-width |
Determina la larghezza delle colonne. |
columns |
Proprietà abbreviate di column-width e column-count. |
@container |
Definisce lo stile degli elementi all'interno del contenitore in base alle dimensioni o allo stile del contenitore. |
content |
Usato insieme ai pseudo-elementi :before e :after per inserire il contenuto generato. |
counter-increment |
Aumenta o riduce il valore di un o più contatori CSS. |
counter-reset |
Crea o ripristina un o più contatori CSS. |
counter-set |
Crea o imposta un o più contatori CSS. |
@counter-style |
Permette di definire uno stile di contatore personalizzato. |
cursor |
Determina il cursore da visualizzare quando si punta all'elemento. |
filter |
Definisce l'effetto visivo prima della visualizzazione dell'elemento (ad esempio, sfocatura o desaturazione del colore). |
flex |
Proprietà abbreviate di flex-grow, flex-shrink e flex-basis. |
flex-basis |
Determina la lunghezza iniziale degli elementi elastiche. |
flex-direction |
Determina la direzione degli elementi elastiche. |
flex-flow |
Proprietà abbreviate di flex-direction e flex-wrap. |
flex-grow |
Determina l'aumento rispetto agli altri progetti. |
flex-shrink |
Determina la riduzione rispetto agli altri progetti. |
flex-wrap |
Determina se l'oggetto flessibile deve essere ripartito su più righe. |
float |
Determina se il box deve essere flottante. |
font |
Proprietà abbreviate per font-style, font-variant, font-weight, font-size/line-height e font-family. |
@font-face |
Permette regole per il download e l'uso di altri font oltre ai "web-safe" font. |
font-family |
Determina la famiglia di font del testo (famiglia di caratteri). |
font-feature-settings |
Permette di controllare le caratteristiche avanzate di stampa nei font OpenType. |
@font-feature-values |
Permette ai creatori di utilizzare i nomi generici in font-variant-alternate per attivare le caratteristiche in OpenType in modi diversi. |
font-kerning |
Controlla l'uso delle informazioni di spaziatura tra le lettere (letter-spacing). |
font-language-override |
Controlla l'uso delle forme dei caratteri per una lingua specifica nel font. |
@font-palette-values |
Permetti di personalizzare i valori predefiniti del palleggiamento dei font. |
font-size |
Determina la dimensione del font del testo. |
font-size-adjust |
Mantieni la leggibilità durante il fallback del font. |
font-stretch |
Scegli un font regolare, compresso o espanso dalla famiglia di font. |
font-style |
Determina lo stile del font del testo. |
font-synthesis |
Controlla quali font mancanti (grassetto o corsivo) possono essere sintetizzati dal browser. |
font-variant |
Determina se il testo deve essere visualizzato in minuscole maiuscole. |
font-variant-alternates |
Controlla l'uso delle forme alternative associate ai nomi alternativi definiti in @font-feature-values. |
font-variant-caps |
Controlla l'uso delle forme alternative per le lettere maiuscole. |
font-variant-east-asian |
Controlla l'uso delle forme alternative per i testi in caratteri cinesi e giapponesi. |
font-variant-ligatures |
Controlla quali ligature e forme contestuali utilizzare nel testo applicabile all'elemento. |
font-variant-numeric |
Controlla l'uso delle forme alternative di numeri, frazioni e marcatori di numero. |
font-variant-position |
Controlla l'uso delle forme alternative di minuscole più piccole, posizionate rispetto alla linea di base come pedice o indice. |
font-weight |
Determina la spessore del carattere. |
grid |
Attributo abbreviato per grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns e grid-auto-flow. |
grid-area |
Può definire il nome dell'elemento di griglia o può essere l'abbreviazione degli attributi grid-row-start, grid-column-start, grid-row-end e grid-column-end. |
grid-auto-columns |
Determina la dimensione delle colonne predefinita. |
grid-auto-flow |
Determina come inserire progetti posizionati automaticamente nella griglia. |
grid-auto-rows |
Determina la dimensione di riga predefinita. |
grid-column |
Attributo abbreviato per grid-column-start e grid-column-end. |
grid-column-end |
Determina come terminare il progetto di griglia. |
grid-column-gap |
Determina la dimensione dello spazio tra le righe della griglia. |
grid-column-start |
Determina da dove inizia il progetto di griglia. |
grid-gap |
Attributo abbreviato per grid-row-gap e grid-column-gap. |
grid-row |
Attributo abbreviato per grid-row-start e grid-row-end. |
grid-row-end |
Determina dove termina il progetto di griglia. |
grid-row-gap |
Determina la dimensione dello spazio tra le righe della griglia. |
grid-row-start |
Determina da dove inizia il progetto di griglia. |
grid-template |
Attributo abbreviato per grid-template-rows, grid-template-columns e grid-areas. |
grid-template-areas |
Determina come utilizzare gli elementi di griglia denominati per visualizzare le colonne e le righe. |
grid-template-columns |
Specifica la dimensione delle colonne e il numero di colonne nella griglia di layout. |
grid-template-rows |
Specifica la dimensione della riga nella griglia di layout. |
margin |
impostare tutte le proprietà di margine in una singola dichiarazione. |
margin-block |
specificare il margine esterno nella direzione del blocco. |
margin-block-end |
specificare il margine esterno finale nella direzione del blocco. |
margin-block-start |
specificare il margine esterno iniziale nella direzione del blocco. |
margin-bottom |
impostare il margine inferiore esterno dell'elemento. |
margin-inline |
specificare il margine esterno di direzione inline. |
margin-inline-end |
Specificare il margine finale nella direzione in-line. |
margin-inline-start |
Specificare il margine iniziale nella direzione in-line. |
margin-left |
Imposta il margine sinistro esterno dell'elemento. |
margin-right |
Imposta il margine destro esterno dell'elemento. |
margin-top |
Imposta il margine superiore esterno dell'elemento. |
marker |
Indica il segno che verrà disegnato su tutti i vertici del percorso dell'elemento (primo, intermedi e ultimo). |
marker-end |
Indica il segno che verrà disegnato sull'ultimo vertice del percorso dell'elemento. |
marker-mid |
Indica il segno che verrà disegnato su tutti i vertici intermedi del percorso dell'elemento. |
marker-start |
Indica il segno che verrà disegnato sul primo vertice del percorso dell'elemento. |
mask |
Sintassi abbreviata per le seguenti proprietà:
|
mask-clip |
Specificare l'area influenzata dall'immagine della maschera. |
mask-composite |
Specificare l'operazione di合成 utilizzata tra la maschera corrente e la maschera sottostante. |
mask-image |
Specificare l'immagine utilizzata come maschera dell'elemento. |
mask-mode |
Specificare se l'immagine della maschera deve essere trattata come una maschera di luminosità o come una maschera alpha. |
mask-origin |
Specificare la posizione originale dell'immagine della maschera (regione di posizione della maschera). |
mask-position |
Imposta la posizione iniziale dell'immagine della maschera (rispetto alla regione di posizione della maschera). |
mask-repeat |
Specificare il modo di ripetizione dell'immagine della maschera. |
mask-size |
Specificare la dimensione dell'immagine della maschera. |
mask-type |
Specificare SVG Determina se l'elemento deve essere trattato come un maschera di luminosità o come una maschera alpha. |
max-height |
Imposta l'altezza massima dell'elemento. |
max-width |
Imposta la larghezza massima dell'elemento. |
@media |
Imposta le regole di stile per diversi tipi di media, dispositivi e dimensioni. |
max-block-size |
Imposta la dimensione massima dell'elemento nella direzione block. |
max-inline-size |
Imposta la dimensione massima dell'elemento nella direzione in-line. |
min-block-size |
Imposta la dimensione minima dell'elemento nella direzione block. |
min-inline-size |
Imposta la dimensione minima dell'elemento nella direzione in-line. |
min-height |
Imposta l'altezza minima dell'elemento. |
min-width |
Imposta la larghezza minima dell'elemento. |
mix-blend-mode |
Stabilisce come il contenuto dell'elemento deve mescolarsi con lo sfondo del suo genitore diretto. |
object-fit |
La regola stabilisce come deve adattarsi il contenuto dell'elemento sostituito alla sua altezza e larghezza di contenimento. |
object-position |
Specify the alignment method of the replacement element within its frame. |
offset |
Sintassi abbreviata per le seguenti proprietà:
|
offset-anchor |
Specify the point fixed on the animation path on the element. |
offset-distance |
Specify the position of the animated element on the path. |
offset-path |
Specify the path along which the element moves during the animation. |
offset-position |
Specify the initial position of the element along the path. |
offset-rotate |
Specify the rotation of the element along the path during the animation. |
opacity |
Set the opacity level of the element. |
order |
Set the order of the flexible item relative to the other items. |
orphans |
Set the minimum number of lines that must be retained at the bottom of the page or column. |
orphans |
Set the minimum number of lines that must be retained at the bottom of the page when pagination occurs within the element. |
outline |
Abbreviated properties of outline-width, outline-style, and outline-color attributes. |
outline-color |
Set the color of the outline. |
outline-offset |
Offset the outline and draw it outside the border edge. |
outline-style |
Set the style of the outline. |
outline-width |
Set the width of the outline. |
overflow |
Specify what will happen if the content overflows the element's frame. |
overflow-anchor |
Specify whether the content in the visible area should be pushed down when new content is loaded in a scrollable container. |
overflow-wrap |
Specify whether the browser can break lines for long words that overflow the container. |
overflow-wrap |
Specify whether the browser may break lines within words to prevent overflow (when a string is too long to fit its containing box). |
overflow-x |
Specify whether the left and right edges of the content should be clipped if it overflows the element's content area. |
overflow-y |
Specify whether the top and bottom edges of the content should be clipped if it overflows the element's content area. |
overscroll-behavior |
Specify whether there is a scroll chain or an over-scroll effect in both the x and y directions. |
overscroll-behavior-block |
Specify whether there is a scroll chain or an over-scroll effect in the block direction. |
overscroll-behavior-inline |
Specify whether there is a scroll chain or an over-scroll effect in the inline direction. |
overscroll-behavior-x |
Specify whether there is a scroll chain or an over-scroll effect in the x direction. |
overscroll-behavior-y |
Specify whether there is a scroll chain or an over-scroll effect in the y direction. |
padding |
Abbreviated properties of all padding-* attributes. |
padding-block |
Specificare il margine nella direzione blocco. |
padding-block-end |
Specificare il margine di fine nella direzione blocco. |
padding-block-start |
Specificare il margine di inizio nella direzione blocco. |
padding-bottom |
Impostare il margine inferiore interno dell'elemento. |
padding-inline |
Specificare il margine interno nella direzione inline. |
padding-inline-end |
Specificare il margine interno di fine nella direzione inline. |
padding-inline-start |
Specificare il margine interno di inizio nella direzione inline. |
padding-left |
Impostare il margine sinistro interno dell'elemento. |
padding-right |
Impostare il margine destro interno dell'elemento. |
padding-top |
Impostare il margine superiore interno dell'elemento. |
@page |
Personalizzare le dimensioni, la direzione e i margini delle pagine di stampa. |
page-break-after |
Impostare il comportamento di divisione delle pagine (page-break) dopo l'elemento. |
page-break-before |
Impostare il comportamento di divisione delle pagine (page-break) prima dell'elemento. |
page-break-inside |
Impostare il comportamento di divisione delle pagine (page-break) all'interno dell'elemento. |
paint-order |
Impostare l'ordine di disegno degli elementi SVG o del testo. |
perspective |
Fornire una prospettiva per l'elemento posizionato in 3D. |
perspective-origin |
Definire la posizione in cui l'utente può vedere l'elemento posizionato in 3D. |
place-content |
Specificare i valori delle proprietà align-content e justify-content per il flexbox e la layout a griglia. |
place-items |
Specificare i valori delle proprietà align-items e justify-items per la layout a griglia. |
place-self |
Specificare i valori delle proprietà align-self e justify-self per la layout a griglia. |
pointer-events |
Definire se l'elemento risponde agli eventi del puntatore. |
position |
Specificare il tipo di metodo di posizionamento utilizzato per l'elemento (statico, relativo, assoluto o fisso). |
@property |
Definire direttamente nel foglio di stile proprietà CSS personalizzate senza eseguire alcun JavaScript. |
scale |
Specificare la dimensione dell'elemento tramite ingrandimento o riduzione. |
@scope |
Permette di selezionare un elemento specifico all'interno di un albero DOM e posizionarlo in modo accurato senza dover scrivere un selettore troppo specifico. |
scroll-behavior |
Determina se la scorrimento all'interno della casella di scorrimento avviene in modo fluido o se salta direttamente. |
scroll-margin |
La margine esterna tra la posizione di adesione e il contenitore. |
scroll-margin-block |
La margine esterna tra la posizione di adesione in direzione verticale e il contenitore. |
scroll-margin-block-end |
La margine esterna tra la posizione di adesione in direzione verticale finale e la fine del contenitore. |
scroll-margin-block-start |
La margine esterna tra la posizione di adesione in direzione verticale iniziale e l'inizio del contenitore. |
scroll-margin-bottom |
La margine esterna tra la posizione di adesione inferiore e il contenitore. |
scroll-margin-inline |
La margine esterna tra la posizione di adesione in direzione orizzontale e il contenitore. |
scroll-margin-inline-end |
La margine esterna tra la posizione di adesione in direzione orizzontale finale e la fine del contenitore. |
scroll-margin-inline-start |
La margine esterna tra la posizione di adesione in direzione orizzontale iniziale e l'inizio del contenitore. |
scroll-margin-left |
La margine esterna tra la posizione di adesione laterale sinistra e il contenitore. |
scroll-margin-right |
La margine esterna tra la posizione di adesione laterale destra e il contenitore. |
scroll-margin-top |
La margine esterna tra la posizione di adesione superiore e il contenitore. |
scroll-padding |
La distanza dal contenitore alla posizione di adesione dell'elemento figlio. |
scroll-padding-block |
La distanza dal contenitore in direzione verticale alla posizione di adesione dell'elemento figlio. |
scroll-padding-block-end |
La distanza dalla fine del contenitore in direzione verticale alla posizione di adesione dell'elemento figlio. |
scroll-padding-block-start |
La distanza dall'inizio del contenitore in direzione verticale alla posizione di adesione dell'elemento figlio. |
scroll-padding-bottom |
La distanza dal fondo del contenitore alla posizione di adesione dell'elemento figlio. |
scroll-padding-inline |
La distanza dal contenitore in direzione orizzontale alla posizione di adesione dell'elemento figlio. |
scroll-padding-inline-end |
La distanza dalla fine del contenitore in direzione orizzontale alla posizione di adesione dell'elemento figlio. |
scroll-padding-inline-start |
La distanza dall'inizio del contenitore in direzione orizzontale alla posizione di adesione dell'elemento figlio. |
scroll-padding-left |
Specificare la distanza dalla parte sinistra del contenitore alla posizione di adesione del figlio. |
scroll-padding-right |
Specificare la distanza dalla parte destra del contenitore alla posizione di adesione del figlio. |
scroll-padding-top |
Specificare la distanza dalla parte superiore del contenitore alla posizione di adesione del figlio. |
scroll-snap-align |
Specificare la posizione dell'elemento quando l'utente ferma lo scorrimento. |
scroll-snap-stop |
Specificare il comportamento di scorrimento dopo una rapida scorrimento sul trackpad o sullo schermo touch. |
scroll-snap-type |
Specificare il comportamento di adesione durante lo scorrimento. |
scrollbar-color |
Specificare il colore della barra di scorrimento dell'elemento. |
shape-outside |
Definire la forma di arrotondamento del contenuto in linea. |
@starting-style |
Definire lo stile iniziale dell'elemento prima dell'aggiornamento dello stile. |
@supports |
Utilizzato per testare se il browser supporta una certa caratteristica CSS. |