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
Revoir le teaser Je m'abonne
3,0
Transcription

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
3,0
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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.

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

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 réponses
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 1 year
Commentaire
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.