OVH Cloud OVH Cloud

changement de couleur de bordure en CSS

2 réponses
Avatar
CS78
Bonjour,

J'ai défini la classe ci-dessous pour un calque avec une couleur de bordure
verte par défault. Sur une de mes pages je voudrais que cette bordure soit
bleu du type style.border.color = "#0000FF";

Pouvez vous m'aider car je n'y arrive pas.

.contenu {
background-color: #FFFFFF;
border-top: 3px solid #A6D220;
border-right: 3px solid #A6D220;
border-bottom: 3px solid #A6D220;
border-left: 3px solid #A6D220;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-right: 5px;
padding-left: 5px;
}


Merci d'avance
CS

2 réponses

Avatar
Nicolas Moreau
Le 10/07/2003 09:39, CS78 a écrit :
Bonjour,

J'ai défini la classe ci-dessous pour un calque avec une couleur de bordure
verte par défault. Sur une de mes pages je voudrais que cette bordure soit
bleu du type style.border.color = "#0000FF";

Pouvez vous m'aider car je n'y arrive pas.



Oulah je n'ai pas trop compris,
si t'as CSS est externe, alors tu peux redéfinir le style dans la CSS
interne de la page en question,

entre les balises <head>:

<style type="text/css">
<!--
.contenu {
border:3px solid #0000FF;
}
-->
</style>
Avatar
Stanislas Renan
Bonjour,

In news:bejbc5$98i$,
CS78 typed:
J'ai défini la classe ci-dessous pour un calque avec une couleur de
bordure verte par défault. Sur une de mes pages je voudrais que cette
bordure soit bleu du type style.border.color = "#0000FF";


Si je comprends bien, il te suffit de redéfinir la propriété en question,
cf. <http://www.w3.org/TR/REC-CSS2/cascade.html> .

.contenu {
background-color: #FFFFFF;
border-top: 3px solid #A6D220;
border-right: 3px solid #A6D220;
border-bottom: 3px solid #A6D220;
border-left: 3px solid #A6D220;


Si les quatre côtés sont identiques, tu peux utiliser un
simple
border: 3px solid #A6D220;
(cf. <http://www.w3.org/TR/REC-CSS2/box.html#propdef-border>)

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-right: 5px;
padding-left: 5px;
}



Tu définis ensuite un comportement pour ton calque :

#contenuDifferent
{
border-color: #0000FF;
}

et tu l'utilises :
<div class="contenu" id="contenuDifferent">
...
</div>

Tu pourrais aussi redéfinir la propriété pour cette cette page
uniquement, en insérant ou incluant via un fichier CSS :

.contenu
{
border-color: #0000FF;
}

mais alors tous tes calques de classe contenu sur cette page
seront modifiés.

Tu peux aussi utiliser le CSS dans la balise mais, sauf exception,
il est préférable d'extraire les CSS qui peuvent l'être du HTML.
--
Stanislas Renan
<http://www.volcane.fr/>