CSS Imagini Border. Proprietatea CSS border-image.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
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:
- Imaginea utilizată ca border.
- Unde să tăiați imaginea.
- 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!