CSS Imagini Border. Proprietatea CSS border-image.

CSS Imagini Border (CSS Border Images)

Cu proprietatea CSS border-image, puteți seta o imagine care să fie utilizată ca border în jurul unui element.

Proprietatea CSS border-image

Proprietatea CSS border-image vă permite să specificați o imagine care trebuie utilizată în loc de bordura normală din jurul unui element.

Proprietatea are trei părți:
 
  1. Imaginea utilizată ca border.
  2. Unde să tăiați imaginea.
  3. Definiți dacă secțiunile din mijloc trebuie repetate sau întinse.

Vom folosi următoarea imagine (numită "border.png"):


Proprietatea border-image ia imaginea și o taie în nouă secțiuni, precum o placă tic-tac-toe. Apoi plasează colțurile la colțuri, iar secțiunile din mijloc sunt repetate sau întinse după cum specificați.

Notă: Pentru ca border-image să funcționeze, elementul are nevoie și de setul de proprietăți border!