CSS border-image-width egenskab

Definition og brug

border-image-width-egenskaben specificerer billedkantens bredde.

Se også:

CSS3 vejledning:CSS3 Kanter

Eksempel

specificerer billedkantens bredde:

div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}

CSS syntaks

border-image-width: number|%|auto;

Kommentar:De fire værdier for border-image-width-egenskaben definerer, hvordan kantbilledet deles op i ni dele. De repræsenterer afstanden fra områdets øvre, højre, nedre og venstre kanter indad. Hvis den fjerde værdi ignoreres, er den samme som den anden værdi. Hvis den tredje værdi udelades, er den samme som den første værdi. Hvis den anden værdi udelades, er den samme som den første værdi. Ingen negative værdier er tilladt som værdier for border-image-width.

Egenskabsværdi

Værdi Beskrivelse
number repræsenterer gange med den tilsvarende border-width.
% Referer til størrelsen på kanterne af billedområdet: højden påvirker den vandrette afvigelse, bredden påvirker den lodrette afvigelse.
auto Hvis egenskaben er specificeret, er bredden den indre bredde af det tilsvarende billedudsnit.

Tekniske detaljer

Standardværdi: ingen
Arv: nej
Version: CSS3
JavaScript syntaks: object.style.borderImageWidth="30 30"

browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter egenskaben.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 13.0 6.0 15.0

se også border-image egenskab.