lundi 18 mai 2009

[css] Les bordures d'un cadre

Petit point sur les bordures, leur syntaxe et les résultats.

Il faut noter déjà que la syntaxe abrégée border:1px solid #fff; ne marche (sur Firefox comme sur IE) que pour les plus classiques :
- dashed (petits traits pointillés),
- dotted (pointillés),
- inset (bordure incrustée)
- outset (bordure qui ressort, le contraire d'incrustée)
- solid (trait uni),

En utilisant la syntaxe plus longue border-style:double; border-color:#70081c; (attention pas de mention de border-width, sinon ça ne marche pas), nous pouvons afficher les plus originaux :
- double (double trait uni), on peut aussi utiliser double dashed par exemple
- groove (rainure),
- ridge (3D)

Note : le style hidden voulant dire "caché", il est normal que ça ne marche nulle part : la bordure est cachée.

0 commentaires: