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.

  • Aural

  • Background

  • Border

  • Classification

  • Dimension

  • Font

  • Contenuto generato

  • Elenco e marker

  • Margin

  • Outlines

  • Padding

  • Positioning

  • Table

  • Text

  • Print

  • Pseudo-classes

  • Pseudo-elements

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à:

  • background-attachment
  • background-color
  • background-image
  • background-position
  • background-repeat
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 -

  • font-style
  • font-variant
  • font-weight
  • font-size
  • line-height
  • font-family
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 -

  • list-style-image
  • list-style-position
  • list-style-type
55 list-style-image

Definisce un'immagine da utilizzare come indicatore di una voce di elenco, al posto del valore per -

  • list-style-type
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.