Najlepszy samouczek CSS3 border-image szerokości atrybutu W 2024 r. W tym samouczku możesz dowiedzieć się Przykłady,Pomoc Browser,Atrybut definicje i instrukcje,gramatyka,

CSS3 border-image szerokości atrybutu

Przykłady

Określa szerokość obramowania obrazu:

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

Pomoc Browser

Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.

属性
border-image-width 15.0 11.0 13.0 6.0 15.0

Atrybut definicje i instrukcje

Szerokość atrybutu granicy-image -width określa granicę obrazu.

Domyślnie: 1
Dziedziczenie: nie
Wersja: CSS3
Składnia JavaScript: object .style.borderImageWidth = "30 30"


gramatyka

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

Uwaga: cztery border-image wartości -width określone dla obszaru obrazu granicznym jest podzielony na dziewięć części.W ich imieniu, prawo, dół, lewo, do wewnątrz od boków. Jeśli wartość czwarty pominięte, a drugi jest identyczne. Jeśli także pominąć trzecią, i to jest taki sam jak pierwszy. Jeśli także pominąć drugi, i jest taki sam jak pierwszy. Wartości ujemne są niedozwolone.

wartość wyjaśnienie
liczba Wskazuje, że odpowiadające wielokrotności border-width
% Szerokość obszaru powierzchnia wysokość przesunięte, przesunięcie pionowe: wielkość granicy obszaru obrazu
automatyczny Jeśli określony, rzeczywista szerokość to szerokość lub wysokość odpowiedniego wycinka obrazu
CSS3 border-image szerokości atrybutu
10/30