CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3

Comment définir des bordures avec CSS

Retour à la formation
Chapitre 19 Leçon 1
Précédent
Suivant

Apprenez à définir des bordures sur les éléments HTML en utilisant CSS.

Détails de la leçon

Description de la leçon

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.

Objectifs de cette leçon

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.

Prérequis pour cette leçon

Il est recommandé d'avoir des connaissances de base en HTML et CSS avant de visionner cette vidéo.

Métiers concernés

Les compétences acquises peuvent être appliquées dans des métiers comme développeur front-end, designer web et intégrateur web.

Alternatives et ressources

Les alternatives pour styliser des bordures incluent l'utilisation de frameworks CSS tels que Bootstrap ou Tailwind, ou encore des manipulateurs de styles comme SASS et LESS.

Questions & Réponses

La propriété CSS pour définir une bordure est border.
Pour définir une bordure avec un trait continu, utilisez le type solid.
Oui, on peut utiliser des propriétés comme border-top, border-right, border-bottom ou border-left pour définir des bordures spécifiques.