Introduction aux bordures en CSS
Objectifs
L'objectif de cette vidéo est de comprendre et appliquer des bordures en CSS sur des éléments HTML, en explorant divers types styles et spécificités.
Résumé
Apprenez à définir des bordures sur les éléments HTML en utilisant CSS.
Description
En CSS, il est possible de définir des bordures sur les éléments HTML à l'aide de la propriété border
. Une bordure est caractérisée par son épaisseur, son type et sa couleur. L'épaisseur est exprimée en pixels, le type de trait peut être solid, dashed, dotted, entre autres, et la couleur est définie par un code hexadécimal.
utilisation du sélecteur universel peut attribuer une bordure à tous les éléments d'une page. Un exemple plus spécifique consiste à cibler un élément particulier, comme les titres de niveau 3 dans un article. Les différents types de bordures incluent solid, dashed, dotted, inset, outset, groove, double et ridge, chacun offrant un rendu visuel distinct.
On peut également appliquer des bordures uniquement aux côtés spécifiques d'un élément avec les propriétés border-top
, border-right
, border-bottom
ou border-left
. Pour éviter la repetition, il est possible de définir une bordure globale puis de désactiver la bordure d'un côté en utilisant none
.
Questions fréquentes
border
.
solid
.
border-top
, border-right
, border-bottom
ou border-left
pour définir des bordures spécifiques.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.