Forums Webou.net - Hébergement gratuit et sans publicités avec PHP/MySQL

Hébergement Webou.net => Tutoriels => Discussion démarrée; par: lepetitmarocain le 21 Février 2011, 13:35:30



Titre: Les propriétés CSS du Border-style
Posté par: lepetitmarocain le 21 Février 2011, 13:35:30
Je viens de rédiger un article sur Commentcamarche.net sur les propriétés CSS Border que je partage ici aussi.

http://www.commentcamarche.net/faq/30968-les-proprietes-css-du-borderstyles

Effet simple sur les bordures

Vous pouvez définir des effets simples avec du css comme une bordure en pointillé.

Citation
border-style: valeur;

Valeurs possibles:

* dashed
* dotted
* double
* groove
* hidden
* inset
* none
* outset
* ridge
* solid

A savoir

Dans vos déclarations, définissez toujours la propriété de "border-style" avant la propriété de "border-color". En effet une bordure doit etre matérialisée avant d'etre coloriée.

Taille d'un bord

Vous pouvez définir la taille d'un bord avec la propriété :

Citation
border-width: valeur;

Valeurs possibles:

* Length
* Thin
* Medium
* Thick

En image

Un petit résumé des propriété en image:

(http://static.commentcamarche.net/www.commentcamarche.net/pictures/0ERebgcX-borderstyles-s-.png)


Titre: Re: Les propriétés CSS du Border-style
Posté par: Keanjyto le 22 Février 2011, 10:36:59
Salut Le Petit Marocain,

Tutoriel précis et concis :). Je me permet d'ajouter ce lien en complément d'information :
- Personnaliser les bordures avec des images (http://www.css3.info/preview/border-image/) (CSS3 - article en anglais mais illustré).

Cordialement,
Keanjyto.


Titre: Re: Les propriétés CSS du Border-style
Posté par: lepetitmarocain le 22 Février 2011, 11:35:22
Pas mal le lien ;)

a+


Titre: Re: Les propriétés CSS du Border-style
Posté par: le hollandais volant le 23 Février 2011, 18:51:39
Et pour Border image, et border Radius, qui sont des CSS3 : http://lehollandaisvolant.net/tuto/css3/#tc7


Titre: Re: Les propriétés CSS du Border-style
Posté par: lepetitmarocain le 23 Février 2011, 20:19:05
Le hollandais volant:

Impressionnant ce CSS3 !! ???