accent-color |
Specifica il colore di enfasi dell'interfaccia utente. |
align-content |
Definisce il modo di allineamento tra le righe all'interno del contenitore elastico, quando i progetti non utilizzano tutto lo spazio disponibile. |
align-items |
Definisce il modo di allineamento degli elementi all'interno del contenitore elastico. |
align-self |
Definisce il modo di allineamento del progetto selezionato all'interno del contenitore elastico. |
all |
Ripristina tutti gli attributi (tranne unicode-bidi e direction). |
animation |
Abbreviazione di tutti gli attributi animation-*. |
animation-delay |
Definisce il ritardo di inizio dell'animazione. |
animation-direction |
Definisce se l'animazione viene riprodotta in avanti, all'indietro o alternativamente. |
animation-duration |
Definisce il tempo che deve essere impiegato per completare un ciclo dell'animazione. |
animation-fill-mode |
Definisce lo stile dell'elemento quando l'animazione non viene riprodotta (prima dell'inizio, dopo la fine o entrambi). |
animation-iteration-count |
Definisce il numero di volte che l'animazione viene riprodotta. |
animation-name |
Definisce il nome dell'animazione @keyframes. |
animation-play-state |
Definisce se l'animazione viene riprodotta o messa in pausa. |
animation-timing-function |
Definisce 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 devono essere posizionati. |
caret-color |
Stabilisce il colore del cursore nell'input, textarea o qualsiasi altro elemento editabile. |
@charset |
Stabilisce il tipo di codifica dei caratteri utilizzato nella tabella di stili. |
clear |
Stabilisce in quale lato dell'elemento non è permesso far fluttuare un altro elemento. |
clip |
Tagliare gli elementi con posizionamento assoluto. |
clip-path |
Taglia l'elemento in una forma base o 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 |
Regola del numero di colonne che l'elemento deve dividersi. |
column-fill |
Specifica come riempire le colonne (se bilanciato). |
column-gap |
Regola del gap tra le colonne. |
column-rule |
Proprietà abbreviate di tutte le proprietà column-rule-*. |
column-rule-color |
Regola del colore delle regole tra le colonne. |
column-rule-style |
Regola dello stile delle regole tra le colonne. |
column-rule-width |
Regola della larghezza delle regole tra le colonne. |
column-span |
Regola del numero di colonne che l'elemento deve coprire. |
column-width |
Regola della 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 |
Regola del cursore da visualizzare quando si punta all'elemento. |
filter |
Definisce l'effetto visivo prima della visualizzazione dell'elemento (ad esempio, sfocatura o spostamento del colore). |
flex |
Proprietà abbreviate di flex-grow, flex-shrink e flex-basis. |
flex-basis |
Regola della lunghezza iniziale dell'elemento elastico. |
flex-direction |
Regola della direzione dell'elemento elastico. |
flex-flow |
Proprietà abbreviate di flex-direction e flex-wrap. |
flex-grow |
Regola dell'aumento delle unità rispetto alle altre unità. |
flex-shrink |
Regola della riduzione delle unità rispetto alle altre unità. |
flex-wrap |
Determina se l'oggetto flessibile dovrebbe essere trascinato a capo. |
float |
Determina se il box dovrebbe essere flottante. |
font |
Proprietà abbreviate di 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 del font del testo (famiglia di font). |
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 modo diverso in OpenType. |
font-kerning |
Controlla l'uso delle informazioni di spaziatura tra le lettere (letter-spacing). |
font-language-override |
Controlla l'uso 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à quando si verifica il fallback del font. |
font-stretch |
Scegli un font normale, compresso o esteso 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 dovrebbe essere visualizzato in minuscolo maiuscolo. |
font-variant-alternates |
Controlla l'uso dei caratteri alternativi associati ai nomi alternativi definiti in @font-feature-values. |
font-variant-caps |
Controlla l'uso dei caratteri alternativi per le lettere maiuscole. |
font-variant-east-asian |
Controlla l'uso dei caratteri alternativi per i testi in scrittura cinese e giapponese. |
font-variant-ligatures |
Controlla l'uso dei segni di congiunzione e delle forme di contesto nel testo applicabile all'elemento. |
font-variant-numeric |
Controlla l'uso dei caratteri alternativi per i numeri, le frazioni e i marcatori di numero. |
font-variant-position |
Controlla l'uso dei caratteri alternativi per il testo di piccola dimensione, posizionati rispetto alla linea di base come pedice o indice. |
font-weight |
规定字体的粗细。 |
margin |
Impostare tutte le proprietà di margine in una singola dichiarazione. |
margin-block |
Specificare il margine esterno in direzione blocco. |
margin-block-end |
Specificare il margine esterno in direzione blocco alla fine. |
margin-block-start |
Specificare il margine esterno in direzione blocco all'inizio. |
margin-bottom |
Impostare il margine inferiore esterno dell'elemento. |
margin-inline |
Specificare il margine esterno in direzione in-line. |
margin-inline-end |
Specificare il margine finale nella direzione in linea. |
margin-inline-start |
Specificare il margine iniziale nella direzione in linea. |
margin-left |
Imposta il margine sinistro dell'elemento. |
margin-right |
Imposta il margine destro dell'elemento. |
margin-top |
Imposta il margine superiore dell'elemento. |
marker |
Punta verso il marchio da disegnare su tutti i vertici del percorso dell'elemento (primo, intermedi e ultimo). |
marker-end |
Punta verso il marchio da disegnare sull'ultimo vertice del percorso dell'elemento. |
marker-mid |
Punta verso il marchio da disegnare sui vertici intermedi del percorso dell'elemento. |
marker-start |
Punta verso il marchio da disegnare sul primo vertice del percorso dell'elemento. |
mask |
Abbreviazione delle 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 viene trattata come maschera di luminosità o come maschera alpha. |
mask-origin |
Specificare la posizione originale dell'immagine della maschera (area di posizione della maschera). |
mask-position |
Imposta la posizione iniziale dell'immagine della maschera (rispetto all'area 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 viene trattato come maschera di luminosità o come 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 del blocco. |
max-inline-size |
Imposta la dimensione massima dell'elemento nella direzione in linea. |
min-block-size |
Imposta la dimensione minima dell'elemento nella direzione del blocco. |
min-inline-size |
Imposta la dimensione minima dell'elemento nella direzione in linea. |
min-height |
Imposta l'altezza minima dell'elemento. |
min-width |
Imposta la larghezza minima dell'elemento. |
mix-blend-mode |
Determina come il contenuto dell'elemento deve mescolarsi con lo sfondo del suo genitore diretto. |
object-fit |
Determina come il contenuto dell'elemento deve adattarsi alle dimensioni altezza e larghezza del riquadro utilizzato. |
object-position |
Specifica il modo di allineamento dell'elemento sostitutivo nel suo riquadro. |
offset |
Abbreviazione delle seguenti proprietà:
|
offset-anchor |
Specifica il punto fisso dell'elemento sulla traiettoria dell'animazione. |
offset-distance |
Specifica la posizione dell'elemento sull'animazione del percorso. |
offset-path |
Specifica il percorso dell'animazione dell'elemento. |
offset-position |
Specifica la posizione iniziale dell'elemento lungo il percorso. |
offset-rotate |
Specifica la rotazione dell'elemento lungo il percorso dell'animazione. |
opacity |
Imposta il livello di opacità dell'elemento. |
order |
Imposta l'ordine degli elementi elastici rispetto agli altri elementi. |
orphans |
Imposta il numero minimo di righe che devono rimanere alla fine della pagina o della colonna. |
orphans |
Imposta il numero minimo di righe che devono rimanere alla fine della pagina quando si verifica la paginazione all'interno dell'elemento. |
outline |
Breve attributo degli attributi outline-width, outline-style e outline-color. |
outline-color |
Imposta il colore del contorno. |
outline-offset |
Sposta il contorno e lo disegna al di fuori dell'angolo del bordo. |
outline-style |
Imposta lo stile del contorno. |
outline-width |
Imposta la larghezza del contorno. |
overflow |
Determina cosa accade se il contenuto si supera il riquadro dell'elemento. |
overflow-anchor |
Determina se il contenuto visibile deve essere spostato verso il basso quando viene caricato nuovo contenuto in un contenitore scrollabile. |
overflow-wrap |
Determina se il browser può interrompere una parola lunga all'interno di un contenitore. |
overflow-wrap |
Determina se il browser può interrompere una parola all'interno di una parola (quando una stringa è troppo lunga per adattarsi al riquadro contenitore). |
overflow-x |
Determina se i margini sinistri e destri del contenuto devono essere troncati se si superano i limiti dell'area di contenuto dell'elemento. |
overflow-y |
Determina se i margini superiori e inferiori del contenuto devono essere troncati se si superano i limiti dell'area di contenuto dell'elemento. |
overscroll-behavior |
Specifica se l'elemento ha un comportamento di scorrimento in x e y o un effetto di scorrimento eccessivo. |
overscroll-behavior-block |
Specifica se l'elemento ha un comportamento di scorrimento in direzione block o un effetto di scorrimento eccessivo. |
overscroll-behavior-inline |
Specifica se l'elemento ha un comportamento di scorrimento in direzione inline o un effetto di scorrimento eccessivo. |
overscroll-behavior-x |
Specifica se l'elemento ha un comportamento di scorrimento in x o un effetto di scorrimento eccessivo. |
overscroll-behavior-y |
Specifica se l'elemento ha un comportamento di scorrimento in y o un effetto di scorrimento eccessivo. |
padding |
Breve attributo di tutti gli attributi padding-*. |
padding-block |
specificare il margine interno nella direzione block. |
padding-block-end |
specificare il margine interno di fine nella direzione block. |
padding-block-start |
specificare il margine interno di inizio nella direzione block. |
padding-bottom |
impostare il margine interno inferiore 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 interno sinistro dell'elemento. |
padding-right |
impostare il margine interno destro 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 interruzione della pagina (page-break) dopo l'elemento. |
page-break-before |
impostare il comportamento di interruzione della pagina (page-break) prima dell'elemento. |
page-break-inside |
impostare il comportamento di interruzione della pagina (page-break) all'interno dell'elemento. |
paint-order |
impostare l'ordine di disegno degli elementi SVG o del testo. |
perspective |
fornire una prospettiva per gli elementi posizionati in 3D. |
perspective-origin |
definire la posizione in cui l'utente può visualizzare l'elemento posizionato in 3D. |
place-content |
specificare i valori delle proprietà align-content e justify-content per il layout flexbox e 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 nelle tabelle di stile CSS proprietà personalizzate, senza dover eseguire alcun JavaScript. |
scale |
Specificare la dimensione dell'elemento tramite ingrandimento o riduzione. |
@scope |
Permette di selezionare gli elementi all'interno di un DOM subtree specifico e posizionare gli elementi in modo accurato senza dover scrivere selettori troppo specifici. |
scroll-behavior |
Regola se la scorrimento all'interno della finestra di navigazione deve essere fluido o saltare direttamente. |
scroll-margin |
La distanza tra la posizione di adesione e il contenitore. |
scroll-margin-block |
La distanza tra la posizione di adesione verticale e il contenitore. |
scroll-margin-block-end |
La distanza tra la posizione di adesione verticale finale e la fine del contenitore. |
scroll-margin-block-start |
La distanza tra la posizione di adesione verticale iniziale e l'inizio del contenitore. |
scroll-margin-bottom |
La distanza tra la posizione di adesione inferiore e il contenitore. |
scroll-margin-inline |
La distanza tra la posizione di adesione orizzontale e il contenitore. |
scroll-margin-inline-end |
La distanza tra la posizione di adesione orizzontale finale e la fine del contenitore. |
scroll-margin-inline-start |
La distanza tra la posizione di adesione orizzontale iniziale e l'inizio del contenitore. |
scroll-margin-left |
La distanza tra la posizione di adesione laterale sinistra e il contenitore. |
scroll-margin-right |
La distanza tra la posizione di adesione laterale destra e il contenitore. |
scroll-margin-top |
La distanza 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 alla posizione di adesione dell'elemento figlio nella direzione verticale. |
scroll-padding-block-end |
La distanza dalla fine del contenitore alla posizione di adesione dell'elemento figlio nella direzione verticale. |
scroll-padding-block-start |
La distanza dall'inizio del contenitore alla posizione di adesione dell'elemento figlio nella direzione verticale. |
scroll-padding-bottom |
La distanza dal fondo del contenitore alla posizione di adesione dell'elemento figlio. |
scroll-padding-inline |
La distanza dal contenitore alla posizione di adesione dell'elemento figlio nella direzione orizzontale. |
scroll-padding-inline-end |
La distanza dalla fine del contenitore alla posizione di adesione dell'elemento figlio nella direzione orizzontale. |
scroll-padding-inline-start |
La distanza dall'inizio del contenitore alla posizione di adesione dell'elemento figlio nella direzione orizzontale. |
scroll-padding-left |
Specifica la distanza dalla parte sinistra del contenitore alla posizione di adesione del figlio. |
scroll-padding-right |
Specifica la distanza dalla parte destra del contenitore alla posizione di adesione del figlio. |
scroll-padding-top |
Specifica la distanza dalla parte superiore del contenitore alla posizione di adesione del figlio. |
scroll-snap-align |
Specifica la posizione dell'elemento quando l'utente ferma lo scorrimento. |
scroll-snap-stop |
Specifica il comportamento di scorrimento dopo uno scorrimento rapido sul touchpad o sullo schermo touch. |
scroll-snap-type |
Specifica il comportamento di adesione durante lo scorrimento. |
scrollbar-color |
Specifica il colore della barra di scorrimento dell'elemento. |
shape-outside |
Definisce la forma di avvolgimento del contenuto in linea. |
@starting-style |
Definisce lo stile iniziale dell'elemento prima dell'aggiornamento dello stile. |
@supports |
Utilizzato per testare se il browser supporta una certa caratteristica CSS. |
tab-size |
Definisce la larghezza del tabulatore. |
table-layout |
Definisce l'algoritmo utilizzato per la layout delle celle, delle righe e delle colonne. |
text-align |
Definisce il modo di allineamento orizzontale del testo. |
text-align-last |
Descrive come allineare l'ultima riga di un blocco o di una riga prima di un ritorno a capo forzato quando text-align è impostato su "justify". |
text-combine-upright |
Combina più caratteri nello spazio di un singolo carattere. |
text-decoration |
Definisce la decorazione del testo. |
text-decoration-color |
Definisce il colore della decorazione del testo (text-decoration). |
text-decoration-line |
Definisce il tipo di riga nella decorazione del testo (text-decoration). |
text-decoration-style |
Definisce lo stile della riga nella decorazione del testo (text-decoration). |
text-decoration-thickness |
Definisce la spessore della linea decorativa. |
text-emphasis |
Abbreviazione delle seguenti proprietà:
|
text-emphasis-color |
Specifica il colore del segno di enfasi. |
text-emphasis-position |
Specifica la posizione del segno di enfasi. |
text-emphasis-style |
Specifica lo stile del segno di enfasi. |
text-indent |
Definisce il rientro della prima riga all'interno di un blocco di testo (text-block). |
text-justify |
Definisce il metodo di allineamento utilizzato quando text-align è impostato su "justify". |
text-orientation |
Define the direction of characters in a line. |
text-overflow |
Specify what should happen when the text overflows the containing element. |
text-shadow |
Add text shadow. |
text-transform |
Control the capitalization of the text. |
text-underline-offset |
Specify the offset distance of the text underline decoration. |
text-underline-position |
Specify the position of the text underline decoration. |
top |
Specify the top position of the positioned element. |
transform |
Apply 2D or 3D transformations to the element. |
transform-origin |
Allow you to change the position of the transformed element. |
transform-style |
Specify how nested elements are rendered in 3D space. |
transition |
Abbreviated property for all transition-* properties. |
transition-delay |
Specify when the transition effect should start. |
transition-duration |
Specify the number of seconds or milliseconds required to complete the transition effect. |
transition-property |
Specify the name of the CSS property corresponding to the transition effect. |
transition-timing-function |
Specify the speed curve of the transition effect. |
translate |
Specify the position of the element. |