1. Bordure image
1.1. border-image:
1.2. Exemple
2. Ombres textes
2.1. text-shadow: 10px 10px 20px blue;
3. Barre horizontale
3.1. <hr>
4. Raccourci
4.1. border: dotted 1px black thick;
5. Epaisseur bordure
5.1. border-top-width:
5.1.1. défini l'épaisseur
5.1.2. border-top-width: 7px;
5.2. border-width:
5.2.1. thin;
5.2.1.1. bordure fine
5.2.2. medium;
5.2.2.1. bordure moyenne
5.2.3. thick;
5.2.3.1. bordure épaisse
5.3. Gestion de l'épaisseur
5.3.1. border-top-width
5.3.2. border-bottom-width
5.3.3. border-left-width
5.3.4. border-right-width
5.4. Exemple
6. L'auteur : Olivier Legrand
6.1. Formateur du Web
6.2. Concepteur pédagogique multimédia
7. Ombres bordures
7.1. box-shadow:
7.2. Composition
7.2.1. 5px - décalage horizontal de l'ombre
7.2.2. 10px - décalage vertical de l'ombre
7.2.3. 10px - adoucissement du dégradé
7.2.4. Green - couleur de l'ombre
7.3. Exemple
8. Bordure arrondi
8.1. border-radius:
8.2. Angle de l'arrondit
8.2.1. border-top-right-radius:
8.2.2. border-bottom-right-radius:
8.2.3. border-bottom-left-radius:
8.2.4. border-top-left-radius:
8.3. compatibilé
8.3.1. FireFox
8.3.1.1. -moz-border-radius: 1em;
8.3.2. Chrome, Safari,
8.3.2.1. -webkit-border-radius: 40px 10px;
8.4. Exemple
8.5. Bordure arrondi image
8.5.1. HTML
8.5.2. CSS
9. Styles de bordure
9.1. Styles
9.1.1. dotted;
9.1.1.1. pointillés
9.1.2. dashed;
9.1.2.1. tired
9.1.3. double;
9.1.3.1. double bordure
9.1.4. groove;
9.1.4.1. gravé dans la page
9.1.5. ridge;
9.1.5.1. Effet 3d sortant de la page
9.1.6. inset;
9.1.6.1. Bordure rentrante incrustée
9.1.7. outset;
9.1.7.1. Bordure sortante extrudée
9.1.8. none
9.1.8.1. Pas de bordure
9.2. Gestion des styles
9.2.1. border-style:
9.2.2. border-top-style:
9.2.3. border-bottom-style:
9.2.4. border-left-style:
9.2.5. border-right-style:
9.3. Exemple
10. Couleur bordure
10.1. Gestion des couleurs
10.1.1. border-top-color:
10.1.2. border-right-color:
10.1.3. border-left-color:
10.1.4. border-bottom-color:
10.2. Important
10.2.1. Possibilité de définir la couleur des 4 cotés
10.2.2. Il faut définir avant la
10.2.2.1. border-style: dotted;
10.2.2.2. border-width: 7px;