Médiaforma

Raccourcissez vos styles CSS-border

Print Friendly

Il existe plusieurs propriétés CSS relatives à l’arrière-plan :

  • border-width définit l’épaisseur de la bordure ;
  • border-style définit le style de la bordure :
    • none : aucune bordure ;
    • dotted : pointillés ;
    • dashed : tirets ;
    • solid : bordure continue ;
    • double : trait double ;
    • groove : bordure creuse ;
    • ridge : bordure en relief ;
    • inset : bordure 3D en relief intérieur ;
    • outset : bordure 3D en relief extérieur.
  • border-color définit la couleur de la borduure.

Dans cet exemple, le code HTML définit une balise <div> de classe box. Le code CSS détermine les dimensions de la balise, ainsi que l’épaisseur, le style et la couleur de la bordure.

Voici comment ce code est interprété dans Internet Explorer :

Nous allons maintenant remplacer les trois propriétés CSS relatives à la bordure par une seule :

Sauvegardez le nouveau code et affichez le résultat dans Internet Explorer.


Bien entendu, le résultat est le même …

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply