Forum | Gli ultimi tutorial di sviluppo web
×

CSS Riferimento

CSS Riferimento CSS I selettori CSS funzioni CSS Riferimento Aural CSS Web sicuro Fonts CSS animatable CSS unità CSS PX-EM Converter CSS Colori CSS Colore Valori CSS3 Supporto per il browser

CSS Proprietà

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight hanging-punctuation height justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index



 

CSS di riferimento


Nota riferimento CSS w3ii 'viene testato regolarmente con tutti i principali browser.


Proprietà CSS

CSS gruppi di proprietà


Il "CSS" colonna indica in quale versione CSS la proprietà è definita (CSS1, CSS2, or CSS3) .

Proprietà colore

Proprietà Descrizione CSS
color Imposta il colore del testo 1
opacity Imposta il livello di opacità di un elemento 3

Sfondo e il bordo delle proprietà

Proprietà Descrizione CSS
background Una proprietà scorciatoia per settare tutte le proprietà di fondo in una dichiarazione 1
background-attachment Imposta se un'immagine di sfondo è fissa o scorre con il resto della pagina 1
background-blend-mode Specifica il metodo di fusione di ogni livello di sfondo (color/image)
background-color Specifica il colore di sfondo di un elemento 1
background-image Specifica una o più immagini di sfondo per un elemento 1
background-position Specifica la posizione di un'immagine di sfondo 1
background-repeat Imposta come verrà ripetuto un'immagine di sfondo 1
background-clip Specifica la zona di verniciatura dello sfondo 3
background-origin Specifica dove lo sfondo image(s) è / sono posizionati 3
background-size Specifica la dimensione dello sfondo image(s) 3
border Imposta tutte le proprietà del bordo in una dichiarazione 1
border-bottom Imposta tutte le proprietà bordo inferiore in una dichiarazione 1
border-bottom-color Imposta il colore del bordo inferiore
border-bottom-left-radius Definisce la forma del bordo del angolo in basso a sinistra 3
border-bottom-right-radius Definisce la forma del bordo del basso a destra 3
border-bottom-style Imposta lo stile del bordo inferiore 1
border-bottom-width Imposta la larghezza del bordo inferiore 1
border-color Imposta il colore dei quattro bordi 1
border-image Una proprietà scorciatoia per settare tutte le proprietà del bordo-image- * 3
border-image-outset Specifica l'importo di cui l'area dell'immagine di confine si estende oltre il bordo casella 3
border-image-repeat Specifica se l'immagine di confine deve essere ripetuto, arrotondato o allungato 3
border-image-slice Specifica come tagliare l'immagine di confine 3
border-image-source Specifica il percorso per l'immagine da utilizzare come un bordo 3
border-image-width Specifica la larghezza dell'immagine-border 3
border-left Imposta tutte le proprietà del bordo a sinistra in una dichiarazione 1
border-left-color Imposta il colore del bordo sinistro 1
border-left-style Imposta lo stile del bordo sinistro 1
border-left-width Imposta la larghezza del bordo sinistro 1
border-radius Una proprietà scorciatoia per settare tutte le quattro confine - * - proprietà raggio 3
border-right Imposta tutte le proprietà del bordo di destra in una dichiarazione 1
border-right-color Imposta il colore del bordo destro 1
border-right-style Imposta lo stile del bordo destro 1
border-right-width Imposta la larghezza del bordo destro 1
border-style Imposta lo stile dei quattro bordi 1
border-top Imposta tutte le proprietà del bordo superiore in una dichiarazione 1
border-top-color Imposta il colore del bordo superiore 1
border-top-left-radius Definisce la forma del bordo dell'angolo in alto a sinistra 3
border-top-right-radius Definisce la forma del bordo del angolo in alto a destra 3
border-top-style Imposta lo stile del bordo superiore 1
border-top-width Imposta la larghezza del bordo superiore 1
border-width Imposta la larghezza dei quattro bordi 1
box-decoration-break Imposta il comportamento dello sfondo e il bordo di un elemento a pag-break, o, per gli elementi in linea, in linea-break. 3
box-shadow Si collega uno o più drop-ombre alla scatola 3

Proprietà casella di base

Proprietà Descrizione CSS
bottom Specifica la posizione inferiore di un elemento posizionato 2
clear Specifica che i lati di un elemento in cui gli altri elementi galleggianti non sono ammessi 1
clip Clip di un elemento posizionato in modo assoluto 2
display Specifica come deve essere visualizzato un determinato elemento HTML 1
float Specifica se una scatola dovrebbe galleggiare 1
height Imposta l'altezza di un elemento 1
left Specifica la posizione sinistra di un elemento posizionato 2
margin Imposta tutte le proprietà dei margini in una dichiarazione 1
margin-bottom Imposta il margine inferiore di un elemento 1
margin-left Imposta il margine sinistro di un elemento 1
margin-right Imposta il margine destro di un elemento 1
margin-top Imposta il margine superiore di un elemento 1
max-height Imposta l'altezza massima di un elemento 2
max-width Imposta la larghezza massima di un elemento 2
min-height Imposta l'altezza minima di un elemento 2
min-width Imposta la larghezza minima di un elemento 2
overflow
Specifica che cosa succede se il contenuto trabocca il vaso di un elemento 2
overflow-x Specifica o meno di clip di sinistro / bordi destro del contenuto, se trabocca zona contenuto dell'elemento 3
overflow-y Specifica se o meno di tarpare le migliori / bordi inferiori del contenuto, se trabocca zona contenuto dell'elemento 3
padding Imposta tutte le proprietà imbottitura in una dichiarazione 1
padding-bottom Imposta il padding inferiore di un elemento 1
padding-left Imposta il padding sinistro di un elemento 1
padding-right Imposta il diritto padding di un elemento 1
padding-top Imposta il padding superiore di un elemento 1
position Specifica il tipo di metodo di posizionamento utilizzato per un elemento (statico, relativo, assoluto o fisso) 2
right Specifica la giusta posizione di un elemento posizionato 2
top Specifica la posizione superiore di un elemento posizionato 2
visibility Specifica se un elemento è visibile 2
width Imposta la larghezza di un elemento 1
vertical-align Imposta l'allineamento verticale di un elemento 1
z-index Imposta l'ordine di sovrapposizione di un elemento posizionato 2

Disposizione Box flessibile

Proprietà Descrizione CSS
align-content Specifica l'allineamento tra le righe all'interno di un contenitore flessibile quando gli elementi non utilizzare tutto lo spazio disponibile 3
align-items Specifica l'allineamento per gli elementi all'interno di un contenitore flessibile 3
align-self Specifica l'allineamento per gli elementi selezionati all'interno di un contenitore flessibile 3
flex Specifica la lunghezza dell'elemento, rispetto al resto 3
flex-basis Specifica la lunghezza iniziale di un elemento flessibile 3
flex-direction Specifica la direzione degli elementi flessibili 3
flex-flow Una proprietà scorciatoia per la proprietà flex-wrap flex-direzione e la 3
flex-grow Specifica quanto l'elemento crescerà rispetto al resto 3
flex-shrink Specifica come la voce si ridurrà rispetto al resto 3
flex-wrap Specifica se gli elementi flessibili devono avvolgere o no 3
justify-content Specifica l'allineamento tra gli elementi all'interno di un contenitore flessibile quando gli elementi non utilizzare tutto lo spazio disponibile 3
order Imposta l'ordine dell'elemento flessibile, rispetto al resto 3

Proprietà del testo

Proprietà Descrizione CSS
hanging-punctuation Specifica se un carattere di punteggiatura può essere posto fuori dagli schemi linea 3
hyphens Imposta come dividere le parole per migliorare il layout dei paragrafi 3
letter-spacing Aumenta o diminuisce lo spazio tra i caratteri in un testo 1
line-break Specifica come / se andare a capo 3
line-height Imposta l'altezza della linea 1
overflow-wrap Specifica se il browser potrebbe interrompere le linee all'interno delle parole, al fine di evitare overflow (quando una stringa è troppo lungo per essere la sua scatola che contiene) 3
tab-size Specifica la lunghezza della scheda-personaggio 3
text-align Specifica l'allineamento orizzontale del testo 1
text-align-last Descrive come l'ultima riga di un blocco o di una linea a destra prima di un'interruzione di riga forzata è allineato quando text-align è "justify" 3
text-combine-upright Specifica la combinazione di più personaggi nello spazio di un singolo carattere 3
text-indent Specifica il rientro della prima riga in un testo-blocco 1
text-justify Specifica il metodo di giustificazione usato quando text-align è "justify" 3
text-transform Controlla la capitalizzazione di testo 1
white-space Specifica come white-space all'interno di un elemento viene gestito 1
word-break Specifica la violazione delle norme di linea per gli script non CJK 3
word-spacing Aumenta o diminuisce lo spazio tra le parole in un testo 1
word-wrap Consente lunghe, parole infrangibili per essere rotto e avvolgere alla riga successiva 3

Proprietà del testo Decorazione

Proprietà Descrizione CSS
text-decoration Specifica la decorazione aggiunto al testo 1
text-decoration-color Specifica il colore del testo-decorazione 3
text-decoration-line Specifica il tipo di linea in un text-decoration 3
text-decoration-style Specifica lo stile della linea in una decorazione di testo 3
text-shadow Aggiunge un'ombra al testo 3
text-underline-position Specifica la posizione della sottolineatura che viene impostato utilizzando la proprietà text-decoration 3

Proprietà dei caratteri

Proprietà Descrizione CSS
@font-face Una regola che consente ai siti web per scaricare e utilizzare font diversi da quelli "web-safe" font 3
@font-feature-values Permette agli autori di utilizzare un nome comune in font-variant-alternativo per la funzione attivata in modo diverso in OpenType 3
font Imposta tutte le proprietà dei font in una dichiarazione 1
font-family Specifica la famiglia di font per il testo 1
font-feature-settings Consente il controllo sulla funzionalità tipografiche avanzate in font OpenType 3
font-kerning Controlla l'utilizzo delle informazioni di crenatura (how letters are spaced) 3
font-language-override Controlla l'uso di glifi specifici della lingua in un carattere tipografico 3
font-size Specifica la dimensione del carattere del testo 1
font-size-adjust Conserva la leggibilità del testo quando si verifica carattere fallback 3
font-stretch Seleziona un normale, condensato, o faccia ampliato da una famiglia di font 3
font-style Specifica lo stile del carattere per il testo 1
font-synthesis Controlli che manca caratteri (bold or italic) possono essere sintetizzati dal browser 3
font-variant Specifica se un testo deve essere visualizzato in un font maiuscoletto 1
font-variant-alternates Controlla l'uso di glifi alternativi associati a nomi alternativi definiti in caratteri di funzionalità valori @ 3
font-variant-caps Controlla l'uso di glifi alternativi per le lettere maiuscole 3
font-variant-east-asian Controlla l'uso di glifi alternativi per gli script dell'Asia orientale (ad esempio, giapponese e cinese) 3
font-variant-ligatures Controlla quali legature e le forme contestuali vengono utilizzati in contenuto testuale degli elementi applicati alle 3
font-variant-numeric Controlla l'uso di glifi alternativi per i numeri, frazioni, e marcatori ordinali 3
font-variant-position Controlla l'uso di glifi alternativi di dimensioni più piccole posizionati come apice o pedice per quanto riguarda la linea di base del carattere 3
font-weight Specifica il peso di un font 1

Scrittura Proprietà Modalità

Proprietà Descrizione CSS
direction Specifica la direzione del testo / direzione di scrittura 2
text-orientation Definisce l'orientamento del testo in una riga 3
text-combine-upright Specifica la combinazione di più personaggi nello spazio di un singolo carattere 3
unicode-bidi Usato insieme alla direzione di proprietà per impostare o restituire se il testo deve essere ignorato per supportare più lingue nello stesso documento 2
writing-mode3

Proprietà tabella

Proprietà Descrizione CSS
border-collapse Specifica se i bordi delle tabelle devono essere crollati 2
border-spacing Specifica la distanza tra i bordi delle celle adiacenti 2
caption-side Specifica il posizionamento di una didascalia tavolo 2
empty-cells Specifica se visualizzare o meno i bordi e lo sfondo su celle vuote in una tabella 2
table-layout Imposta l'algoritmo di layout da utilizzare per un tavolo 2

Liste e Contatori Proprietà

Proprietà Descrizione CSS
counter-increment Incrementa uno o più contatori 2
counter-reset Crea o azzera uno o più contatori 2
list-style Imposta tutte le proprietà di una lista in una dichiarazione 1
list-style-image Specifica un'immagine come marcatore di lista 1
list-style-position Specifica se i marcatori lista-elemento deve apparire all'interno o all'esterno del flusso di contenuti 1
list-style-type Specifica il tipo di marcatore di lista 1

proprietà di animazione

Proprietà Descrizione CSS
@keyframes Specifica il codice di animazione 3
animation Una proprietà scorciatoia per tutte le proprietà di animazione (eccetto l'animazione-play-stato e di animazione-fill-mode) 3
animation-delay Specifica un ritardo per l'inizio di un'animazione 3
animation-direction Specifica se l'animazione dovrebbe svolgere al contrario su cicli alternati 3
animation-duration Specifica il numero di secondi o millesimi di secondo un'animazione necessario per completare un ciclo 3
animation-fill-mode Specifica uno stile per l'elemento quando l'animazione non sta giocando (when it is finished, or when it has a delay) 3
animation-iteration-count Specifica il numero di volte che un'animazione dovrebbe essere giocato 3
animation-name Specifica il nome dell'animazione @keyframes 3
animation-play-state Specifica se l'animazione è in funzione o in pausa 3
animation-timing-function Specifica la curva di velocità di un'animazione 3

Transform Properties

Proprietà Descrizione CSS
backface-visibility Definisce se un elemento deve essere visibile quando non è rivolto verso lo schermo 3
perspective Specifica il punto di vista su come gli elementi 3D sono visti 3
perspective-origin Specifica la posizione inferiore di elementi 3D 3
transform Si applica una trasformazione 2D o 3D a un elemento 3
transform-origin Consente di modificare la posizione su elementi trasformati 3
transform-style Specifica come elementi nidificati sono resi nello spazio 3D 3

Proprietà Transitions

Proprietà Descrizione CSS
transition Una proprietà scorciatoia per settare le quattro proprietà di transizione 3
transition-property Specifica il nome della proprietà CSS l'effetto di transizione è per 3
transition-duration Specifica il numero di secondi o millesimi di secondo un effetto di transizione necessario per completare 3
transition-timing-function Specifica la curva di velocità dell'effetto di transizione 3
transition-delay Specifica quando l'effetto di transizione avrà inizio 3

Proprietà di base dell'interfaccia utente

Proprietà Descrizione CSS
box-sizing Indica il browser quali sono le proprietà di ridimensionamento (width and height) dovrebbero includere 3
content Utilizzato con il: before e: after pseudo-elementi, per inserire contenuto generato 2
cursor Specifica il tipo di cursore da visualizzare 2
ime-mode Controlla lo stato di Input Method Editor per i campi di testo 3
nav-down Specifica dove navigare quando si utilizza il tasto di navigazione freccia verso il basso 3
nav-index Specifica l'ordine di tabulazione per un elemento 3
nav-left Specifica dove navigare quando si utilizza il tasto di navigazione freccia-sinistra 3
nav-right Specifica dove navigare quando si utilizza il tasto di navigazione freccia a destra 3
nav-up Specifica dove navigare quando si utilizza il tasto di navigazione freccia-up 3
outline Imposta tutte le proprietà di struttura in una dichiarazione 2
outline-color Imposta il colore di uno schema 2
outline-offset Compensa un contorno, e lo attira oltre il limite del bordo 3
outline-style Imposta lo stile di uno schema 2
outline-width Imposta la larghezza di un contorno 2
resize Specifica se un elemento è ridimensionabile dall'utente 3
text-overflow Specifica quello che dovrebbe accadere quando il testo overflow l'elemento che contiene 3

Proprietà layout a più colonne

Proprietà Descrizione CSS
break-after Specifica il PAGE-, colonna-, o il comportamento regione-break dopo la casella generato 3
break-before Specifica il PAGE-, colonna-, o il comportamento regione-break prima casella generato 3
break-inside Specifica il PAGE-, colonna-, o il comportamento regione-break all'interno della scatola generato 3
column-count Specifica il numero di colonne un elemento deve essere suddivisa in 3
column-fill Specifica come riempire le colonne 3
column-gap Specifica la distanza tra le colonne 3
column-rule Una proprietà scorciatoia per settare tutte le proprietà delle colonne-su regole * 3
column-rule-color Specifica il colore della regola tra le colonne 3
column-rule-style Specifica lo stile della regola tra le colonne 3
column-rule-width Specifica la larghezza della regola tra le colonne 3
column-span Specifica il numero di colonne di un elemento dovrebbe estendersi su 3
column-width Specifica la larghezza delle colonne 3
columns Una proprietà scorciatoia per settare column-width e column-count 3
widows Imposta il numero minimo di righe che devono essere lasciati nella parte superiore di una pagina quando si verifica un'interruzione di pagina all'interno di un elemento 2

Paged media

Proprietà Descrizione CSS
orphans Imposta il numero minimo di righe che devono essere lasciati in fondo a una pagina quando si verifica un'interruzione di pagina all'interno di un elemento 2
page-break-after Imposta il comportamento pagina di rottura dopo un elemento 2
page-break-before Imposta il comportamento pagina di rottura prima di un elemento 2
page-break-inside Imposta il comportamento pagina di rottura all'interno di un elemento 2

Generated Content per Paged media

Proprietà Descrizione CSS
marks Aggiunge delle colture e / o segni di croce al documento 3
quotes Imposta il tipo di virgolette per citazioni incorporate 2

Proprietà Effetti filtro

Proprietà Descrizione CSS
filter Definisce gli effetti (eg blurring or color shifting) su un elemento prima che venga visualizzato l'elemento 3

Valori di immagini e contenuti Sostituito

Proprietà Descrizione CSS
image-orientation Specifica una rotazione nella direzione giusta o in senso orario che un agente utente si applica ad un'immagine (Questa proprietà è probabile che sarà deprecato e la sua funzionalità si trasferisce a HTML) 3
image-rendering Dà un suggerimento al browser su ciò che gli aspetti di una immagine sono più importanti per preservare quando l'immagine viene ridimensionata 3
image-resolution Specifica la risoluzione intrinseca di tutte le immagini raster utilizzate nella / sull'elemento 3
object-fit Specifica come il contenuto di un elemento sostituito devono essere montati alla scatola stabilita per la sua altezza e larghezza utilizzata 3
object-position Specifica l'allineamento dell'elemento sostituito all'interno della sua scatola 3

Mascherare Proprietà

Proprietà Descrizione CSS
mask3
mask-type3

Proprietà Speech

Proprietà Descrizione CSS
mark Una proprietà scorciatoia per settare le proprietà mark-prima e mark-dopo 3
mark-after Consente marcatori di nome da allegare al flusso audio 3
mark-before Consente marcatori di nome da allegare al flusso audio 3
phonemes Specifica una pronuncia fonetica per il testo contenuto dal corrispondente elemento 3
rest Una proprietà scorciatoia per settare le proprietà di riposo prima e dopo riposo, 3
rest-after Specifica un riposo o di confine prosodico da osservare dopo aver parlato contenuto di un elemento 3
rest-before Specifica un riposo o di confine prosodico da osservare prima di parlare contenuto di un elemento 3
voice-balance Specifica il bilanciamento tra i canali sinistro e destro 3
voice-duration Specifica per quanto tempo ci vuole per rendere il contenuto dell'elemento selezionato 3
voice-pitch Specifica il passo medio (a frequency) della voce parlante 3
voice-pitch-range Specifica la variazione di tono medio 3
voice-rate Controlla la velocità di lingua 3
voice-stress Indica la forza di enfasi da applicare 3
voice-volume Si riferisce alla ampiezza della forma d'onda di uscita dai sintetizza vocali 3

Proprietà Marquee

Proprietà Descrizione CSS
marquee-direction Imposta la direzione del contenuto in movimento 3
marquee-play-count Imposta quante volte il spostare il contenuto 3
marquee-speed Imposta la velocità di scorrimento dei contenuti 3
marquee-style Imposta lo stile del contenuto in movimento 3