CSS Imagini Border. CSS border-image - Different Slice Values.

CSS border-image - Different Slice Values

Different slice values schimbă complet aspectul border-ului:



Notă: Internet Explorer 10 și versiunile anterioare nu acceptă proprietatea border-image.

Iată codul:

Exemplu:

#borderimg1 {
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(border.png) 50 round;
}

#borderimg2 {
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(border.png) 20% round;
}

#borderimg3 {
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(border.png) 30% round;
}