Référence des feuilles de style en cascade

Les rédacteurs de sites Web peuvent avoir une grande influence sur l’apparence des documents en utilisant des feuilles de style en cascade.

Vues d’ensemble et didacticiels

Les rubriques suivantes fournissent des informations générales sur la création de règles de feuille de style en cascade et sur leur application aux éléments individuels d’une page HTML :

• Concepts des sélecteurs   Les règles de style sont les éléments fondamentaux d’une feuille de style en cascade. Les sélecteurs permettent de « sélectionner » des éléments d'une page HTML pour leur appliquer un style. Les sélecteurs constituent le seul moyen de déterminer comment les règles doivent être appliquées. Cette rubrique présente les concepts de base de la syntaxe de déclaration d’une feuille de style en cascade afin de décrire l’utilisation des sélecteurs.

• Référence des unités de longueur   Cette section définit les unités de longueur prises en charge pour les feuilles de style en cascade.

• À propos du positionnement d'élément   La plupart des navigateurs modernes permettent de positionner des éléments HTML selon des coordonnées x et y et de faire se chevaucher des éléments dans des plans le long de l’axe z, qui s’étend au-delà de ce que peut voir un utilisateur dans un document Web. Grâce à ces capacités, vous pouvez placer avec précision les éléments, les images, les contrôles ou le texte dans une page Web. L’utilisation de scripts pour manipuler les coordonnées de positionnement et d’autres styles dynamiques vous permet de déplacer des éléments dans une page et de créer des animations. La combinaison de styles dynamiques, de positionnements et d’images transparentes vous offre un riche éventail d’options d’animation.

• Couleurs   Les couleurs peuvent être spécifiées de deux manières dans les pages HTML : par nom ou par valeur RVB.

• Propriétés de mesure et d'emplacement dans le mode excentrique   Le DHTML (Dynamic HTML) expose les propriétés de mesure et d’emplacement qui peuvent servir à modifier la taille et la position des éléments HTML sur vos pages Web. La maîtrise de ces propriétés et de leurs effets sur les éléments présents dans une page peut aider à un plus grand contrôle de l’apparence de vos pages Web. Par exemple, vous pouvez les utiliser pour créer des pages similaires à des documents dans d’autres applications, telles que Microsoft Office PowerPoint ou Microsoft Office Word.

Propriétés

Cette section contient des rubriques de référence relatives aux propriétés des feuilles de style en cascade prises en charge. Pour obtenir une liste des propriétés de feuille de style en cascade classée par catégorie, voir Propriétés par catégorie.

• background   Définit jusqu’à cinq propriétés d’arrière-plan distinctes pour l’objet.

• background-attachment   Définit la façon dont l’image d’arrière-plan est rattachée à l’objet dans le document.

• background-color   Définit la couleur d’arrière-plan du contenu de l’objet.

• background-image   Définit l’image d’arrière-plan de l’objet.

• background-position   Définit la position de l’arrière-plan de l’objet.

• background-repeat   Définit le style de mosaïque de la propriété background-image de l’objet.

• border   Définit les propriétés de dessin autour de l’objet.

• border-collapse   Définit une valeur qui indique si les bordures de ligne et de cellule d’un tableau sont jointes en une seule bordure ou détachées comme en code HTML standard.

• border-color   Définit la couleur de bordure de l’objet.

• border-style   Définit le style des bordures gauche, droite, supérieure et inférieure de l’objet.

• border-left   Définit les propriétés de la bordure supérieure de l’objet.

• border-bottom-color   Définit la couleur de la bordure inférieure de l’objet.

• border-left-color   Définit la couleur de la bordure gauche de l’objet.

• border-right-color   Définit la couleur de la bordure droite de l’objet.

• border-top-color   Définit la couleur de la bordure supérieure de l’objet.

• border-bottom-style   Définit le style de la bordure inférieure de l’objet.

• border-left-style   Définit le style de la bordure gauche de l’objet.

• border-right-style   Définit le style de la bordure droite de l’objet.

• border-top-style   Définit le style de la bordure supérieure de l’objet.

• border-bottom-width   Définit la largeur de la bordure inférieure de l’objet.

• border-left-width   Définit la largeur de la bordure gauche de l’objet.

• border-right-width   Définit la largeur de la bordure droite de l’objet.

• border-top-width   Définit la largeur de la bordure supérieure de l’objet.

• border-width   Définit la largeur des bordures gauche, droite, supérieure et inférieure de l’objet.

• bottom   Définit la position inférieure de l’objet par rapport au bas du prochain objet positionné dans la hiérarchie de documents.

• clear   Indique si l’objet autorise les objets flottants à gauche, à droite, voire des deux côtés, de sorte que le prochain objet s’affiche après les objets flottants.

• clip   Indique quelle partie d’un objet positionné est visible.

• couleur   Définit la couleur du texte de l’objet.

• cursor   Indique le type de pointeur à afficher lorsque celui-ci se déplace au-dessus de l’objet.

• direction   Définit l’ordre de lecture de l’objet.

• affichage   Indique si l’objet s’affiche par rendu.

• font   Définit une association de propriétés de police distinctes pour l’objet. Définit ou récupère également une ou plusieurs des six polices de préférence utilisateur.

• font-family   Définit le nom de la police utilisée pour le texte dans l’objet.

• font-size   Définit une valeur indiquant la taille de la police utilisée pour le texte dans l’objet.

• font-style   Définit le style de police de l’objet (italique, normal ou oblique).

• font-variant   Définit si le texte de l’objet apparaît en petites majuscules.

• font-weight   Définit l’épaisseur de la police de l’objet.

• hauteur   Définit la hauteur de l’objet.

• left   Définit la position de l’objet en fonction du côté gauche du prochain objet positionné dans la hiérarchie de documents.

• letter-spacing   Définit l’espacement supplémentaire entre les lettres dans l’objet.

• line-height   Définit la distance entre les lignes dans l’objet.

• list-style   Définit jusqu’à trois propriétés list-style distinctes de l’objet.

• list-style-position   Définit une valeur indiquant quelle image utiliser comme marqueur list-item pour l’objet.

• list-style-position   Définit une variable indiquant la façon dont le marqueur list-item est dessiné par rapport au contenu de l’objet.

• list-style-type   Définit le type prédéfini du marqueur line-item de l’objet.

• margin   Définit la largeur des marges supérieure, droite, inférieure et gauche de l’objet.

• margin-bottom   Définit la taille de la marge inférieure de l’objet.

• margin-left   Définit la taille de la marge gauche de l’objet.

• margin-right   Définit la taille de la marge droite de l’objet.

• margin-top   Définit la taille de la marge supérieure de l’objet.

• max-height   Définit la hauteur maximale d’un élément.

• max-width   Définit la largeur maximale d’un élément.

• min-height   Définit la hauteur minimale d’un élément.

• min-width   Définit la largeur minimale d’un élément.

• dépassement   Définit une valeur indiquant comment gérer le contenu de l’objet lorsque le contenu dépasse la hauteur ou la largeur de l’objet.

• marge intérieure   Définit la taille de l’espace à insérer entre l’objet et sa marge ou, le cas échéant, entre l’objet et sa bordure.

• padding-bottom   Définit la taille de l’espace à insérer entre la bordure inférieure de l’objet et le contenu.

• padding-left   Définit la taille de l’espace à insérer entre la bordure gauche de l’objet et le contenu.

• padding-right   Définit la taille de l’espace à insérer entre la bordure droite de l’objet et le contenu.

• padding-top   Définit la taille de l’espace à insérer entre la bordure supérieure de l’objet et le contenu.

• page-break-after   Définit une valeur indiquant si un saut de page se produit après l’objet.

• page-break-before   Définit une valeur indiquant si un saut de page se produit avant l’objet.

• position   Définit le type de positionnement utilisé pour l’objet.

• right   Définit la position de l’objet en fonction du côté droit du prochain objet positionné dans la hiérarchie de documents.

• table-layout   Définit une chaîne qui indique si la disposition du tableau est fixe.

• text-align   Définit si le texte dans l’objet est aligné à gauche, à droite, centré ou justifié.

• text-decoration   Définit une valeur qui indique si le texte de l’objet est clignotant, barré, surligné ou souligné.

• text-indent   Définit la mise en retrait de la première ligne de texte dans l’objet.

• text-transform   Définit le rendu du texte dans l’objet.

• top   Définit la position de l’objet par rapport à la partie supérieure du prochain objet positionné dans la hiérarchie de documents.

• unicode-bidi   Définit le niveau d’imbrication par rapport à l’algorithme bidirectionnel (droite vers gauche).

• vertical-align   Définit l’alignement vertical de l’objet.

• visibilité   Indique si le contenu de l’objet est affiché.

• white-space   Définit une valeur indiquant si les lignes comportent un retour automatique à la ligne dans d’objet.

• largeur   Définit la largeur de l’objet.

• word-spacing   Définit l’espacement supplémentaire entre les mots dans l’objet.

• z-index   Définit l’ordre d’empilement des objets positionnés.