Eklablog
Editer l'article Suivre ce blog Administration + Créer mon blog

Les bordures

04.09.2011 …

Par Nagalia

Voici la propriété permettant de mettre une bordure autour d'un élément de type "block" (vous ne pouvez pas mettre de bordure à un élément inline, donc au texte).

sélecteur {
          border: Xpx style #color;
}

Remplacez le X par un nombre de pixel, il correspond à l'épaisseur de votre bordure.
Remplacez "style" par un style de bordure :
dotted => En pointillé
dashed => Tiret
solid => trait plein
double => deux traits (visible à partire de 3px) none => aucune
ridge => en saillie
groove => en creux
inset => 3D avec ombre interne
outset => 3D avec ombre externe


Si vous voulez modifier les quatre bordures séparément, changez la propriété:

sélecteur {
          border-top: Xpx style #color;
}

Ici vous ne modifiez que la bordure du haut.

border-top => Bordure du haut
border-bottom => Bordure du bas
border-right => Bordure de droite
border-left => Bordure de gauche

Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Vous aimerez aussi :
Formulaire des commentaires
Formulaire des commentaires
Ajouter des images dans le module "derniers articles"
Ajouter des images dans le module "derniers articles"
Grille responsive [flexbox] : le container
Grille responsive [flexbox] : le container
Introduction à Photoshop
Introduction à Photoshop
Commenter cet article
M
mannequin2011
21/04/2014 17:29
merci
Répondre
N
Nagalia
21/04/2014 17:04
Un code CSS est toujours sous cette forme:<br /> sélecteur { propriété : valeur;}<br /> Ici, ton sélecteur est module_contenu. Il s'agit d'une classe, il faut donc l'écrire avec un point:<br /> .module_contenu { border : valeur;}<br /> La propriété border est l'écriture simplifié de border-size, border-style et border-color. Il faut donc renseigner ces trois valeurs :<br /> .module_contenu { border : Xpx style color;}<br /> La taille est bien un nombre en px (donc 10px est correct)Le style est le type de bordure : trait simple (solid), pointillé (dotted), double (double)... Les différents style possible se trouve dans l'articleEnfin pour la couleur, il y a trois façon de l'indiquer en CSS : les couleurs nommées, couleur hexadécimal et couleur rgb=> http://fanstasy-graph.eklablog.net/couleur-a28204421
Répondre
M
mannequin2011
21/04/2014 16:48
voila mon code {module_contenu          border: 10px style #color;}
Répondre
N
Nagalia
21/04/2014 16:03
Hm... J'ai besoin d'un petit peu plus d'informations pour pouvoir t'aider ;)
Répondre
M
mannequin2011
20/04/2014 18:57
Ça veut pas!
Répondre

Thème Magazine © -  Hébergé par Eklablog