Web HTML
HTML
Balise "img" option "border-color"
Couleur du cadre d'une image




Cadre simple couleur

Dans le champs "Style" de la balise "img" de l'image, insérez le paramêtre "BORDER-COLOR" suivie d'une couleur en hexadécimal pour colorer le cadre.
On va par exemple faire un cadre de couleur bleu avec ce code hexadécimal => #01BBFE
PS: Ne pas oublier ne définir l'option "border" pour afficher une largeur de cadre.

Voici ce que doit ressembler le code de cette exemple:

<img style="border-color:#01BBFE;" border="10" src="url_de_votre_image"/>

Cadre avec plusieurs couleurs

Maintenant on va voir qu'il est possible de faire un cadre avec une couleur différente par côté.

Voici la syntaxe de chaque côtés du cadre:

• BORDER-TOP-COLOR: #Mêttre code hexadécimal de la couleur de la bordure du haut


• BORDER-LEFT-COLOR: #Mêttre la couleur de la bordure de gauche


• BORDER-RIGHT-COLOR: #Mêttre la couleur de la bordure de droite


• BORDER-BOTTOM-COLOR: #Mêttre la couleur de la bordure du bas

Dans notre exemple on va faire une bordure bleu (#01BBFE) en haut, une bordure rouge (#FE0101) à gauche, une bordure verte (#20F334) à droite et une bordure noir (#000000) en bas.

Voici ce que doit ressembler le code de cette exemple:

<img style="BORDER-TOP-COLOR: #01BBFE; BORDER-LEFT-COLOR: #FE0101; BORDER-RIGHT-COLOR: #20F334;
          BORDER-BOTTOM-COLOR: #000000;"  border="10" src="url_de_votre_image" />

Par O.Cédric
Sur www.octetmalin.net

Article publié le:
14/11/2011 13:02

Cette page vous à plus?

Dîtes que vous l'aimez en cliquant sur le bouton Facebook.

Contact - Informations -