CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML5 et CSS3 / Part 3 - Mettre en page son site internet Maîtrisez la Propriété CSS Border-Radius

Maîtrisez la Propriété CSS Border-Radius

Border-radius
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 3 - Mettre en page son site internet
Revoir le teaser Je m'abonne
3,0
Transcription
Cette leçon fait partie de la formation
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,0
Cette leçon fait partie de la formation
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Utilisation et Syntaxe de Border-Radius

Objectifs

Les objectifs de cette vidéo incluent la compréhension de la propriété border-radius, son application pratique pour arrondir les coins des éléments, et la gestion de la compatibilité entre les navigateurs.

Résumé

Découvrez comment la propriété border-radius peut transformer un carré en lui ajoutant des coins arrondis.

Description

Dans cette leçon, nous explorons en détail la propriété CSS border-radius qui permet d'ajouter des coins arrondis à des éléments HTML. Après avoir dessiné un carré bleu sur la page, nous appliquons diverses configurations de la propriété border-radius pour illustrer son utilité. Vous apprendrez à arrondir un seul coin, plusieurs coins de manière asymétrique, ou tous les coins uniformément. Nous abordons aussi la compatibilité avec les navigateurs modernes, mentionnant brièvement l'usage des préfixes -webkit- et -moz- pour maximiser le support des anciens navigateurs. Cette leçon est indispensable pour ceux désirant enrichir visuellement leurs pages web en maîtrisant les subtilités de cette propriété CSS polyvalente.

Voir plus

Questions fréquentes

Pourquoi utilise-t-on la propriété border-radius ?
La propriété border-radius est utilisée pour ajouter des coins arrondis à des éléments HTML, améliorant ainsi l'esthétique et l'ergonomie des interfaces web.
Quelle est la syntaxe de base pour appliquer border-radius à tous les coins ?
La syntaxe de base pour appliquer border-radius à tous les coins est : border-radius: 10px;, où 10px représente le rayon d'arrondissement.
Comment faire si l'on souhaite arrondir uniquement deux coins opposés de manière asymétrique ?
Pour arrondir uniquement deux coins opposés de manière asymétrique, on peut utiliser : border-radius: 10px 0 0 10px;, ce qui ajoute un rayon de 10px aux coins supérieur gauche et inférieur droit.

Programme détaillé

1 commentaire
3,0
1 vote
5
4
3
2
1
Cicine
Il y a 2 ans
Dans la séquence slide auto, pas d'explication sur le 12% du slider auto; quelle est l'origine de ce chiffre? pas d'explication me bloque. Je suis obligée d'aller voir une autre plateforme qui présente le slide auto.
Dommage.