Les styles

ComplémentÉditeur

border-top-style :
border-right-style :
border-bottom-style :
border-left-style :

Border Style

DéfinitionStyle

styles possibles :

none : pas de bordure

dotted : point

dashed : trait

solid : plein

double : double

groove : 3D gravé

ridge : 3D ressort

inset : 3D enfoncé

outset : 3D inverse de inset

1
.div1 { border-top-style: inset;} // haut
2
.div2 { border-style: solid dotted;} // haut, bas et droite, gauche
3
.div3 { border-style: dotted dashed double ridge;} // haut, droite, bas, gauche

Exemple :

1
div {
2
  width:100px;
3
  height: 100px;
4
  border-style: dotted dashed double ridge;
5
  border-color: #ddd;
6
  border-width: 15px;
7
}
style