Pays-Froid.Net

Qu'est ce que Pays-Froid.Net

CSS - Propriété des Bordures

Les Tutoriaux du CSS

CSS - Propriété des Bordures

Messagede Patoch le 07 Avr 2007 0:58

Bonjour les pinguins !! :?


Je vais vous donner ici le plus de propriétés CSS que vous pourrez ensuite appliqué pour vos pages au sujet des bordures. N'hésitez pas à me demander d'en ajouter si j'en ai oublié. :P


Epaisseur de la bordure
Code :
Code: Tout sélectionner
border-width: 3px;




Couleur de la bordure
Code :
Code: Tout sélectionner
border-color: #FFCCCEE;




Type de bordure
Code :
Code: Tout sélectionner
border-style: dashed;

Voici la liste des paramètres possibles :
none : pas de bordure (par défaut)
hidden : bordure cachée
solid : ligne pleine
double : ligne double (nécessite une taille de bordure de 3px minimum)
dashed : en tirets
dotted : en pointillés
inset : effet 3D "enfoncé"
outset : effet 3D "surélevé"
groove : impression qu'elle est gravée dans le canevas
ridge : opposé de 'groove', la bordure semble sortir du canevas




Les bordures sur les cotés
Code :
Code: Tout sélectionner
Vous pouvez choisir quel coté aura une bordure.
Indiquer la couleur, l'épaisseur et le type de bordure pour la bordure.

border-left: 1px dashed #FF0000;

Voici les autres bordures possibles :
border-top: Pour le haut
border-right: Pour la droite
border-bottom: Pour le bas

Vous pouvez utiliser la propriété général :
Border: mettez les informations pour toutes les bordures;




A bientôt les pinguins
Dernière édition par Patoch le 07 Avr 2007 13:19, édité 1 fois.
Image
Image
Avatar de l’utilisateur
Patoch
Administrateur
Administrateur
 
Messages: 1343
Inscription: 13 Nov 2006 1:53
Localisation: Sur la Banquise

Messagede IceDevil le 07 Avr 2007 10:40

Pour border-style, il y a aussi "groove" mais je ne sais plus ce qu'elle fait comme effet :S
Avatar de l’utilisateur
IceDevil
Bébé Pinguin
Bébé Pinguin
 
Messages: 14
Inscription: 26 Mar 2007 20:24

Messagede Patoch le 07 Avr 2007 13:20

Merci :)
Je ne connaissai pas ;). Je l'ai ajouté.
Image
Image
Avatar de l’utilisateur
Patoch
Administrateur
Administrateur
 
Messages: 1343
Inscription: 13 Nov 2006 1:53
Localisation: Sur la Banquise

Re: CSS - Propriété des Bordures

Messagede Darklg le 09 Avr 2007 1:03

Patoch a écrit:Vous pouvez utiliser la propriété général :
Border: mettez les informations pour toutes les bordures;


Sous cette forme :
background: 'background-color' 'background-image' 'background-repeat' 'background-attachment' 'background-position';

Je l'utilise bien souvent pour alléger mon css =)
Darklg : Mon site.
Université Paris XII Créteil / Val de Marne : Le forum : Le forum de l'université Paris XII à Créteil.
Darklg
Petit Pinguin
Petit Pinguin
 
Messages: 57
Inscription: 27 Nov 2006 2:17

Messagede Patoch le 09 Avr 2007 1:22

Très utile nan ? :P
Image
Image
Avatar de l’utilisateur
Patoch
Administrateur
Administrateur
 
Messages: 1343
Inscription: 13 Nov 2006 1:53
Localisation: Sur la Banquise

Messagede IceDevil le 09 Avr 2007 22:21

Ouais !
Avatar de l’utilisateur
IceDevil
Bébé Pinguin
Bébé Pinguin
 
Messages: 14
Inscription: 26 Mar 2007 20:24

Messagede Patoch le 09 Avr 2007 23:56

A mais attends, pourquoi tu parles de background ? c'est le tuto pour les bordure :D

La fatigue, la fatigue ^^
Image
Image
Avatar de l’utilisateur
Patoch
Administrateur
Administrateur
 
Messages: 1343
Inscription: 13 Nov 2006 1:53
Localisation: Sur la Banquise

Messagede Patoch le 19 Avr 2007 0:35

Validé. Je déplace ;)
Image
Image
Avatar de l’utilisateur
Patoch
Administrateur
Administrateur
 
Messages: 1343
Inscription: 13 Nov 2006 1:53
Localisation: Sur la Banquise

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

cron

Copyright © Pays-Froid.Net

Nous contacter | Notre Histoire | Plan du site | Nos partenaires | Mentions légales | Fil RSS | XHTML 1.0 | CSS 2.0

Partenaire : Waliwaloo - Darklg - Yagoort - Meilleur du Web - Hit Parade