CSS2 - Guide de référence

Il s'agit d'un guide de référence complet pour les développeurs Web où nous avons répertorié toutes les propriétés CSS définies dans la spécification recommandée du World Wide Web Consortium pour les feuilles de style en cascade, niveau 2.

Cliquez sur n'importe quelle propriété pour voir sa description avec des exemples -

N ° Sr. Propriété et description
1 azimut

Décrit la position d'une source sonore le long de l'axe horizontal de l'environnement de l'auditeur.

2 Contexte

Propriété composite pour les propriétés suivantes -

  • background-attachment
  • background-color
  • background-image
  • background-position
  • background-repeat
3 background-attachment

Détermine si l'image d'arrière-plan est fixe dans la fenêtre ou défile lorsque le document défile.

4 Couleur de l'arrière plan

Définit la couleur d'arrière-plan d'un élément.

5 image de fond

Définit l'image d'arrière-plan d'un élément.

6 position de fond

Définit la position initiale de l'image d'arrière-plan de l'élément, si spécifié; les valeurs sont normalement appariées pour fournir des positions x, y; la position par défaut est 0% 0%.

sept Répétition du fond

Détermine la façon dont l'image d'arrière-plan est répétée (en mosaïque) sur un élément.

8 frontière

Définit les quatre bordures d'un élément; value est une ou plusieurs couleurs, une valeur pour la largeur de la bordure et une valeur pour le style de la bordure.

9 Bordure du bas

Définit la bordure inférieure d'un élément; value est une ou plusieurs couleurs, une valeur pour border-bottom-width et une valeur pour border-style .

dix border-bottom-width

Définit l'épaisseur de la bordure inférieure d'un élément.

11 border-collapse

Définit l'algorithme de rendu de la bordure de la table.

12 couleur de la bordure

Définit la couleur des quatre bordures d'un élément; la valeur par défaut est la couleur de l'élément.

13 bordure-gauche-couleur

Définit la couleur des bordures gauches d'un élément; la valeur par défaut est la couleur de l'élément.

14 border-right-color

Définit la couleur des bordures droites d'un élément; la valeur par défaut est la couleur de l'élément.

15 border-top-color

Définit la couleur des bordures supérieures d'un élément; la valeur par défaut est la couleur de l'élément.

16 border-bottom-color

Définit la couleur des bordures inférieures d'un élément; la valeur par défaut est la couleur de l'élément.

17 bordure gauche

Définit la bordure gauche d'un élément; value est une ou plusieurs couleurs, une valeur pour border-left-width et une valeur pour border-style .

18 border-left-width

Définit l'épaisseur de la bordure gauche d'un élément.

19 frontière droite

Définit la bordure droite d'un élément; value est une ou plusieurs couleurs, une valeur pour border-right-width et une valeur pour border-style .

20 border-right-width

Définit l'épaisseur de la bordure droite d'un élément.

21 espacement des bordures

Avec des bordures séparées, définissez l'espacement entre les bordures. Une valeur définit l'espacement vertical et horizontal et deux valeurs définissent l'espacement horizontal et vertical respectivement.

22 style de bordure

Définit le style des quatre bordures d'un élément.

23 haut de la frontière

Définit la bordure supérieure d'un élément; value est une ou plusieurs couleurs, une valeur pour border-top-width et une valeur pour border-style .

24 border-top-width

Définit l'épaisseur de la bordure supérieure d'un élément.

25 largeur de la bordure

Définit l'épaisseur des quatre bordures d'un élément.

26 bas

Utilisé avec la propriété position pour placer le bord inférieur d'un élément.

27 côté légende

Définit la position d'une légende de tableau.

28 clair

Définit quelles marges d'un élément ne doivent pas être adjacentes à un élément flottant; l'élément est déplacé vers le bas jusqu'à ce que cette marge soit dégagée.

29 agrafe

Définit le masque d'écrêtage d'un élément.

30 Couleur

Définit la couleur d'un élément.

31 contenu

Insère le contenu généré autour d'un élément.

32 contre-incrément

Incrémente un compteur de 1; value est une liste de noms de compteurs, chaque nom étant éventuellement suivi d'une valeur par laquelle il est incrémenté.

33 contre-réinitialisation

Remet un compteur à zéro; value est une liste de noms de compteurs, chaque nom étant éventuellement suivi d'une valeur à laquelle il est réinitialisé.

34 cue-after

Joue le son désigné après la prononciation d'un élément.

35 cue-before

Joue le son désigné avant qu'un élément ne soit prononcé.

36 le curseur

Définit la forme du curseur.

37 direction

Définit la direction du flux d'un contenu d'élément.

38 afficher

Contrôle la façon dont un élément est affiché.

39 élévation

Définit la hauteur à laquelle un son est joué.

40 cellules vides

Avec des bordures séparées, masque les cellules vides dans un tableau.

41 flotte

Détermine si un élément flotte vers la gauche ou la droite, permettant au texte de s'enrouler autour de lui ou d'être affiché en ligne.

42 Police de caractère

Définit tous les attributs de police pour un élément. La valeur est l'une des valeurs pour -

  • font-style
  • font-variant
  • font-weight
  • font-size
  • line-height
  • font-family
43 famille de polices

Définit la police d'un élément, soit en tant que police spécifique, soit en tant que police générique, sans empattement, cursive, fantaisie et monospace.

44 taille de police

Définit la taille de la police.

45 ajustement de la taille de la police

Règle le rapport hauteur / largeur de la police actuelle.

46 font-stretch

Détermine la quantité d'étirement de la police actuelle.

47 le style de police

Définit le style du visage, normal ou un type de style incliné.

48 variante de police

Définit une police en petites majuscules.

49 poids de la police

Définit l'épaisseur de la police. Si un nombre est utilisé, il doit être un multiple de 100 entre 100 et 900; 400 est normal, 700 est le même que le mot-clé gras.

50 la taille

Définit la hauteur d'un élément.

51 la gauche

Utilisé avec la propriété position pour placer le bord gauche d'un élément.

52 l'espacement des lettres

Insère un espace supplémentaire entre les caractères de texte.

53 hauteur de la ligne

Définit la distance entre les lignes de base de texte adjacentes.

54 style liste

Définit les styles liés à la liste en utilisant l'une des valeurs de -

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

Définit une image à utiliser comme marqueur d'élément de liste, au lieu de la valeur pour -

  • list-style-type
56 position de style de liste

Met en retrait ou étend (par défaut) le marqueur d'un élément de liste par rapport au contenu de l'élément.

57 type de liste

Définit le marqueur d'un élément de liste pour les listes non ordonnées (cercle, disque ou carré) ou pour les listes ordonnées (décimal, alpha inférieur, romain minuscule, aucun, alpha supérieur ou romain supérieur).

58 marge

Définit les quatre marges d'un élément.

59 marge-bas

Définit la marge inférieure d'un élément. La valeur par défaut est 0.

60 marge gauche

Définit la marge gauche d'un élément. La valeur par défaut est 0.

61 marge droite

Définit la marge droite d'un élément. La valeur par défaut est 0.

62 margin-top

Définit la marge supérieure d'un élément. La valeur par défaut est 0.

63 décalage du marqueur

La propriété marker-offset peut être utilisée dans les listes à puces pour spécifier la distance entre les bords de bordure les plus proches d'une zone de marqueur (ou puce) et sa zone principale associée.

64 Des marques

La propriété marks est utilisée pour définir des repères de coupe et des repères de croix sur les supports paginés. Ceci est utilisé avec la règle @page.

65 hauteur maximum

La propriété max-height est utilisée pour contraindre la hauteur d'un élément.

66 largeur maximale

La propriété max-width est utilisée pour définir la largeur maximale d'un élément.

67 hauteur min

La propriété min-height est utilisée pour contraindre la hauteur d'un élément.

68 largeur min

La propriété min-width est utilisée pour contraindre la largeur d'un élément.

69 orphelins

Définit le nombre minimum de lignes autorisé dans un fragment de paragraphe orphelin.

70 contour

La propriété de contour est une propriété abrégée permettant de spécifier toutes les propriétés de contour.

71 couleur du contour

La propriété contour-color est utilisée pour spécifier la couleur du contour. Notez que, contrairement à la propriété border, le contour ne prend pas d'espace supplémentaire et peut être non rectangulaire.

72 contour-couleur-style

La propriété de style de contour est utilisée pour spécifier le style du contour. Notez que, contrairement à la propriété border, le contour ne prend pas d'espace supplémentaire et peut être non rectangulaire.

73 contour-largeur

La propriété contour-color est utilisée pour spécifier la couleur du contour. Notez que, contrairement à la propriété border, le contour ne prend pas d'espace supplémentaire et peut être non rectangulaire.

74 débordement

Détermine le rendu du contenu de débordement.

75 rembourrage

Définit les quatre montants de remplissage autour d'un élément.

76 rembourrage en bas

Définit le remplissage inférieur d'un élément. La valeur par défaut est 0.

77 padding-left

Définit le remplissage gauche d'un élément. La valeur par défaut est 0.

78 padding-right

Définit le remplissage droit d'un élément. La valeur par défaut est 0.

79 rembourrage

Définit le remplissage supérieur d'un élément. La valeur par défaut est 0.

80 page

Associe une mise en page nommée à un élément.

81 saut de page après

Force ou supprime les sauts de page après un élément.

82 saut de page avant

Force ou supprime les sauts de page avant un élément.

83 saut de page à l'intérieur

Supprime les sauts de page dans un élément.

84 pause

La propriété pause est un raccourci CSS pour spécifier la propriété abrégée pour spécifier des pauses dans un média auditif.

85 pause après

Met un média en pause après avoir prononcé un élément.

86 pause-avant

Met en pause un média avant de prononcer un élément.

87 pas

Définit la hauteur moyenne du contenu parlé d'un élément.

88 gamme de pas

Définit la plage de hauteur, de 0 (plat) à 100 (large); la valeur par défaut est 50.

89 jouer pendant

Si une URL est fournie, elle est lue pendant le contenu parlé d'un élément, en spécifiant que la répétition boucle l'audio; mix le fait se mélanger avec, plutôt que de remplacer, un autre son de fond.

90 position

Définit le modèle de positionnement d'un élément.

91 citations

Définit les symboles de citation utilisés pour citer le texte.

92 richesse

Règle la richesse de la voix, de 0 (plat) à 100 (mellifluous); la valeur par défaut est 50.

93 droite

Utilisé avec la propriété position pour placer le bord droit d'un élément.

94 Taille

La propriété size est utilisée dans le support paginé pour spécifier la taille de la page.

95 parler

Détermine la façon dont le contenu d'un élément est prononcé.

96 parler-en-tête

Détermine si les en-têtes de tableau sont prononcés une fois pour chaque ligne ou colonne ou à chaque fois qu'une cellule est prononcée.

97 parler numéral

Détermine la façon dont les chiffres sont prononcés.

98 parler-ponctuation

Détermine si la ponctuation est prononcée ou utilisée pour l'inflexion.

99 débit de parole

Règle le taux de parole; un nombre définit le taux en mots par minute.

100 stress

Règle le stress de la voix, de 0 (catatonique) à 100 (hyperactif); la valeur par défaut est 50.

101 mise en page de table

Détermine l'algorithme de rendu de table.

102 texte-align

Définit le style d'alignement du texte pour un élément.

103 texte-décoration

Définit toute décoration pour le texte; les valeurs peuvent être combinées.

104 retrait du texte

Définit l'indentation de la première ligne de texte dans un élément; la valeur par défaut est 0.

105 ombre de texte

Crée des ombres portées de texte de différentes couleurs et décalages.

106 transformation de texte

Transforme le texte de l'élément en conséquence.

107 Haut

Utilisé avec la propriété position pour placer le bord supérieur d'un élément.

108 alignement vertical

Définit le positionnement vertical d'un élément.

109 visibilité

Détermine si un élément est visible dans le document ou le tableau.

110 voix-famille

Sélectionne une famille de voix nommée pour énoncer le contenu d'un élément.

111 le volume

Règle le volume du contenu parlé; les valeurs numériques vont de 0 à 100.

112 espace blanc

Définit comment les espaces dans un élément sont gérés.

113 veuves

Définit le nombre minimum de lignes autorisé dans un fragment de paragraphe veuf.

114 largeur

Définit la largeur d'un élément.

115 espacement des mots

Insère un espace supplémentaire entre les mots.

116 index z

Définit le calque de rendu de l'élément courant.

Pseudo-classes et pseudo-éléments

N ° Sr. Propriété et description
1 :actif

Utilisez cette classe pour ajouter un effet spécial à un élément activé.

2 :concentrer

Utilisez cette classe pour ajouter un effet spécial à un élément pendant que l'élément a le focus.

3 :flotter

Utilisez cette classe pour ajouter un effet spécial à un élément lorsque vous passez la souris dessus.

4 :lien

Utilisez cette classe pour ajouter un effet spécial à un lien non visité.

5 :a visité

Utilisez cette classe pour ajouter un effet spécial à un lien visité.

6 :premier enfant

Utilisez cette classe pour ajouter un effet spécial à un élément qui est le premier enfant d'un autre élément.

sept : lang

Utilisez cette classe pour spécifier une langue à utiliser dans un élément spécifié.

8 :première lettre

Utilisez cet élément pour ajouter un effet spécial à la première lettre d'un texte.

9 :Première ligne

Utilisez cet élément pour ajouter un effet spécial à la première ligne d'un texte.

dix :avant

Utilisez cet élément pour insérer du contenu avant un élément.

11 :après

Utilisez cet élément pour insérer du contenu après un élément.