Pense-bête CSS.

Graphisme.

Border

Propriété.

Valeur.

initial.

Border

Border-[attribut]:

Largeur, style, couleur

1 : 4 cotés

2 : haut-bas gauche-droite

3 : haut gauche-droite bas

4 : gauche droite haut bas

Medium, None, Couleur par défaut du texte de l'élément.

Border est une propriété raccourcie qui définit border-width, border-style et border-color pour les quatre cotés simultanément. Il est possible de définir chacune des bordures séparement comme suit:

Border-top- [width] [style] [color] [radius]

Border-right- [width] [style] [color] [radius]

Border-bottom- [width] [style] [color] [radius]

Border-style- [width] [style] [color] [radius]

[style] : dotted, dashed, solid, double, groove, ridge, inset, outset.

NC

Radius permet de définir le rayon de la courbe de la bordure. On le définit soit par une longueur soit par un pourcentage avec une ou deux valeurs. Avec une seule valeur on définit le rayon avec deux valeurs, la première indique le rayon de courbure de l'axe horizontal et la deuxième, sur l'axe vertical.

Outline


Retour à l'index. [ go ]

Keep and Try it ! Dernière mise à jour: 30/10/2020

Tests effectués sous Firefox 61.0.1 et Midori 0.5.11