CSS2 - Guida di riferimento
Questa è una guida di riferimento completa per sviluppatori web in cui abbiamo elencato tutte le proprietà CSS definite nelle specifiche consigliate dal World Wide Web Consortium per fogli di stile a cascata, livello 2.
Fare clic su qualsiasi proprietà per vedere la sua descrizione con esempi -
Sr.No. | Proprietà e descrizione |
---|---|
1 | azimut Descrive la posizione di una sorgente sonora lungo l'asse orizzontale dell'ambiente dell'ascoltatore. |
2 | sfondo Proprietà composita per le seguenti proprietà:
|
3 | sfondo-allegato Determina se l'immagine di sfondo è fissa nella finestra o scorre mentre il documento scorre. |
4 | colore di sfondo Imposta il colore di sfondo di un elemento. |
5 | immagine di sfondo Imposta l'immagine di sfondo di un elemento. |
6 | background-position Imposta la posizione iniziale dell'immagine di sfondo dell'elemento, se specificato; i valori normalmente sono accoppiati per fornire posizioni x, y; la posizione predefinita è 0% 0%. |
7 | ripetizione in background Determina il modo in cui l'immagine di sfondo viene ripetuta (affiancata) su un elemento. |
8 | confine Imposta tutti e quattro i bordi di un elemento; valore è uno o più colori, un valore per la larghezza del bordo e un valore per lo stile del bordo. |
9 | bordo inferiore Imposta il bordo inferiore di un elemento; valore è uno o più colori, un valore per la larghezza del bordo inferiore e un valore per lo stile del bordo . |
10 | bordo-fondo-larghezza Imposta lo spessore del bordo inferiore di un elemento. |
11 | confine-crollo Imposta l'algoritmo di rendering del bordo della tabella. |
12 | colore del bordo Imposta il colore di tutti e quattro i bordi di un elemento; il valore predefinito è il colore dell'elemento. |
13 | border-left-color Imposta il colore dei bordi sinistri di un elemento; il valore predefinito è il colore dell'elemento. |
14 | border-right-color Imposta il colore dei bordi destri di un elemento; il valore predefinito è il colore dell'elemento. |
15 | border-top-color Imposta il colore dei bordi superiori di un elemento; il valore predefinito è il colore dell'elemento. |
16 | bordo-fondo-colore Imposta il colore dei bordi inferiori di un elemento; il valore predefinito è il colore dell'elemento. |
17 | bordo sinistro Imposta il bordo sinistro di un elemento; valore è uno o più colori, un valore per la larghezza del bordo sinistro e un valore per lo stile del bordo . |
18 | border-left-width Imposta lo spessore del bordo sinistro di un elemento. |
19 | bordo destro Imposta il bordo destro di un elemento; value è uno o più colori, un valore per border-right-width e un valore per border-style . |
20 | border-right-width Imposta lo spessore del bordo destro di un elemento. |
21 | spaziatura tra i bordi Con bordi separati impostare la spaziatura tra i bordi. Un valore imposta la spaziatura verticale e orizzontale e due valori imposta rispettivamente la spaziatura orizzontale e verticale. |
22 | stile del bordo Imposta lo stile di tutti e quattro i bordi di un elemento. |
23 | bordo superiore Imposta il bordo superiore di un elemento; value è uno o più colori, un valore per border-top-width e un valore per border-style . |
24 | border-top-width Imposta lo spessore del bordo superiore di un elemento. |
25 | larghezza del bordo Imposta lo spessore di tutti e quattro i bordi di un elemento. |
26 | parte inferiore Utilizzato con la proprietà position per posizionare il bordo inferiore di un elemento. |
27 | didascalia Imposta la posizione per una didascalia di tabella. |
28 | chiaro Imposta quali margini di un elemento non devono essere adiacenti a un elemento flottante; l'elemento viene spostato verso il basso fino a quando quel margine è libero. |
29 | clip Imposta la maschera di ritaglio per un elemento. |
30 | colore Imposta il colore di un elemento. |
31 | soddisfare Inserisce il contenuto generato attorno a un elemento. |
32 | controincremento Aumenta un contatore di 1; valore è un elenco di nomi di contatori, con ogni nome eventualmente seguito da un valore in base al quale viene incrementato. |
33 | counter-reset Azzera un contatore; valore è un elenco di nomi di contatori, con ogni nome eventualmente seguito da un valore a cui viene reimpostato. |
34 | cue-after Riproduce il suono designato dopo che un elemento è stato pronunciato. |
35 | spunto prima Riproduce il suono designato prima che un elemento venga pronunciato. |
36 | cursore Definisce la forma del cursore. |
37 | direzione Definisce la direzione del flusso del contenuto di un elemento. |
38 | Schermo Controlla come viene visualizzato un elemento. |
39 | elevazione Imposta l'altezza alla quale viene riprodotto un suono. |
40 | celle vuote Con bordi separati, nasconde le celle vuote in una tabella. |
41 | galleggiante Determina se un elemento galleggia a sinistra oa destra, consentendo al testo di avvolgerlo o di essere visualizzato in linea. |
42 | font Imposta tutti gli attributi del carattere per un elemento. Il valore è uno qualsiasi dei valori per -
|
43 | famiglia di font Definisce il tipo di carattere per un elemento, come un carattere specifico o come uno dei generici serif, sans-serif, corsivo, fantasy e monospazio. |
44 | dimensione del font Definisce la dimensione del carattere. |
45 | regolazione della dimensione del carattere Regola le proporzioni del carattere corrente. |
46 | font-stretch Determina la quantità di allungamento del carattere corrente. |
47 | stile carattere Definisce lo stile del viso, normale o un tipo di stile inclinato. |
48 | variante di carattere Definisce un carattere in minuscolo. |
49 | font-weight Definisce lo spessore del carattere. Se viene utilizzato un numero, deve essere un multiplo di 100 compreso tra 100 e 900; 400 è normale, 700 è uguale alla parola chiave in grassetto. |
50 | altezza Definisce l'altezza di un elemento. |
51 | sinistra Utilizzato con la proprietà position per posizionare il bordo sinistro di un elemento. |
52 | spaziatura del carattere Inserisce ulteriore spazio tra i caratteri di testo. |
53 | altezza della linea Imposta la distanza tra le linee di base del testo adiacenti. |
54 | in stile elenco Definisce gli stili relativi all'elenco utilizzando uno qualsiasi dei valori per -
|
55 | list-style-image Definisce un'immagine da utilizzare come indicatore di una voce di elenco, al posto del valore per -
|
56 | list-style-position Rientra o estende (impostazione predefinita) l'indicatore di un elemento dell'elenco rispetto al contenuto dell'elemento. |
57 | tipo di elenco Definisce il marcatore di una voce di elenco per elenchi non ordinati (cerchio, disco o quadrato) o per elenchi ordinati (decimale, alfa inferiore, romano minuscolo, nessuno, alfa superiore o romano maiuscolo). |
58 | margine Definisce tutti e quattro i margini di un elemento. |
59 | margine inferiore Definisce il margine inferiore di un elemento. Il valore predefinito è 0. |
60 | margine sinistro Definisce il margine sinistro di un elemento. Il valore predefinito è 0. |
61 | margine destro Definisce il margine destro di un elemento. Il valore predefinito è 0. |
62 | margin-top Definisce il margine superiore di un elemento. Il valore predefinito è 0. |
63 | marker-offset La proprietà marker-offset può essere utilizzata negli elenchi puntati per specificare la distanza tra i bordi del bordo più vicini di un riquadro marker (o punto elenco) e il riquadro principale associato. |
64 | segni La proprietà Mark viene utilizzata per impostare i crocini di registro ei crocini sui supporti a pagine. Viene utilizzato con la regola @page. |
65 | altezza massima La proprietà max-height viene utilizzata per vincolare l'altezza di un elemento. |
66 | larghezza massima La proprietà max-width viene utilizzata per impostare la larghezza massima di un elemento. |
67 | altezza min La proprietà min-height viene utilizzata per vincolare l'altezza di un elemento. |
68 | larghezza min La proprietà min-width viene utilizzata per vincolare la larghezza di un elemento. |
69 | orfani Imposta il numero minimo di righe consentite in un frammento di paragrafo orfano. |
70 | contorno La proprietà outline è una proprietà abbreviata per specificare tutte le proprietà outline. |
71 | colore di contorno La proprietà outline-color viene utilizzata per specificare il colore del contorno. Notare che, a differenza della proprietà border, il contorno non occupa spazio extra e può essere non rettangolare. |
72 | stile contorno-colore La proprietà stile struttura viene utilizzata per specificare lo stile della struttura. Notare che, a differenza della proprietà border, il contorno non occupa spazio extra e può essere non rettangolare. |
73 | larghezza del profilo La proprietà outline-color viene utilizzata per specificare il colore del contorno. Notare che, a differenza della proprietà border, il contorno non occupa spazio extra e può essere non rettangolare. |
74 | trabocco Determina la modalità di rendering del contenuto in overflow. |
75 | imbottitura Definisce tutti e quattro gli importi di riempimento attorno a un elemento. |
76 | imbottitura sul fondo Definisce il riempimento inferiore di un elemento. Il valore predefinito è 0. |
77 | imbottitura a sinistra Definisce il riempimento sinistro di un elemento. Il valore predefinito è 0. |
78 | padding-right Definisce la giusta imbottitura di un elemento. Il valore predefinito è 0. |
79 | imbottitura superiore Definisce il riempimento superiore di un elemento. Il valore predefinito è 0. |
80 | pagina Associa un layout di pagina con nome a un elemento. |
81 | interruzione di pagina dopo Forza o sopprime le interruzioni di pagina dopo un elemento. |
82 | interruzione di pagina prima Forza o sopprime le interruzioni di pagina prima di un elemento. |
83 | page-break-inside Elimina le interruzioni di pagina all'interno di un elemento. |
84 | pausa La proprietà pause è una scorciatoia CSS per specificare la proprietà abbreviazione per specificare le pause nei media acustici. |
85 | pausa dopo Mette in pausa un media dopo aver pronunciato un elemento. |
86 | pausa prima Mette in pausa un media prima di pronunciare un elemento. |
87 | intonazione Imposta l'altezza media del contenuto parlato di un elemento. |
88 | gamma di tonalità Imposta la gamma del pitch, da 0 (flat) a 100 (broad); il valore predefinito è 50. |
89 | giocare durante Se viene fornito un URL, viene riprodotto durante il contenuto parlato di un elemento, specificando che la ripetizione riproduce in loop l'audio; mix fa sì che si mischi con, piuttosto che sostituire, altro audio di sottofondo. |
90 | posizione Imposta il modello di posizionamento per un elemento. |
91 | citazioni Imposta i simboli di citazione usati per citare il testo. |
92 | ricchezza Imposta la ricchezza della voce, da 0 (bemolle) a 100 (melliflua); il valore predefinito è 50. |
93 | destra Utilizzato con la proprietà position per posizionare il bordo destro di un elemento. |
94 | taglia La proprietà size viene utilizzata nei supporti a pagine per specificare la dimensione della pagina. |
95 | parlare Determina la modalità di pronuncia del contenuto di un elemento. |
96 | speak-header Determina se le intestazioni di tabella vengono lette una volta per ogni riga o colonna o ogni volta che viene letta una cella. |
97 | speak-numeral Determina il modo in cui vengono pronunciati i numeri. |
98 | parlare-punteggiatura Determina se la punteggiatura viene pronunciata o utilizzata per l'inflessione. |
99 | tasso di discorso Imposta la velocità della parola; un numero imposta la velocità in parole al minuto. |
100 | fatica Imposta lo stress della voce, da 0 (catatonico) a 100 (iperattivo); il valore predefinito è 50. |
101 | disposizione dei tavoli Determina l'algoritmo di rendering della tabella. |
102 | text-align Imposta lo stile di allineamento del testo per un elemento. |
103 | testo-decorazione Definisce qualsiasi decorazione per il testo; i valori possono essere combinati. |
104 | indentatura del testo Definisce il rientro della prima riga di testo in un elemento; il valore predefinito è 0. |
105 | text-shadow Crea ombre discendenti del testo di vari colori e offset. |
106 | text-transform Trasforma di conseguenza il testo nell'elemento. |
107 | superiore Utilizzato con la proprietà position per posizionare il bordo superiore di un elemento. |
108 | allineamento verticale Imposta il posizionamento verticale di un elemento. |
109 | visibilità Determina se un elemento è visibile nel documento o nella tabella. |
110 | voce-famiglia Seleziona una famiglia di voci con nome per pronunciare il contenuto di un elemento. |
111 | volume Imposta il volume del contenuto parlato; i valori numerici vanno da 0 a 100. |
112 | spazio bianco Definisce come vengono gestiti gli spazi bianchi all'interno di un elemento. |
113 | vedove Imposta il numero minimo di righe consentite in un frammento di paragrafo vedovo. |
114 | larghezza Definisce la larghezza di un elemento. |
115 | spaziatura delle parole Inserisce uno spazio aggiuntivo tra le parole. |
116 | z-index Imposta il livello di rendering per l'elemento corrente. |
Pseudo-classi e pseudo-elementi
Sr.No. | Proprietà e descrizione |
---|---|
1 | :attivo Usa questa classe per aggiungere effetti speciali a un elemento attivato. |
2 | :messa a fuoco Usa questa classe per aggiungere un effetto speciale a un elemento mentre l'elemento è attivo. |
3 | : hover Usa questa classe per aggiungere un effetto speciale a un elemento quando passi il mouse su di esso. |
4 | : collegamento Usa questa classe per aggiungere un effetto speciale a un collegamento non visitato. |
5 | : visitato Usa questa classe per aggiungere un effetto speciale a un link visitato. |
6 | :Primogenito Usa questa classe per aggiungere un effetto speciale a un elemento che è il primo figlio di qualche altro elemento. |
7 | : lang Utilizzare questa classe per specificare una lingua da utilizzare in un elemento specificato. |
8 | :prima lettera Usa questo elemento per aggiungere un effetto speciale alla prima lettera di un testo. |
9 | :prima linea Usa questo elemento per aggiungere un effetto speciale alla prima riga di un testo. |
10 | :prima Usa questo elemento per inserire del contenuto prima di un elemento. |
11 | :dopo Usa questo elemento per inserire del contenuto dopo un elemento. |