Atrybut border-image-outset CSS

Definicja i zastosowanie

Atrybut border-image-outset określa ilość, o którą obraz ramki wykracza poza bok ramki.

Zobacz również:

Kurs CSS3:Obramowanie CSS3

Przykład

Ustawienie atrybutu border-image-outset:

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

Gramatyka CSS

border-image-outset: długość|liczba;

Komentarz:Atrybut border-image-outset określa ilość, o którą obraz ramki wykracza poza bok ramki. W górę, w prawo, w dół, w lewo. Jeśli pominięto czwarty wartość, jest ona taka sama jak druga wartość. Jeśli pominięto trzeci wartość, jest ona taka sama jak pierwsza wartość. Jeśli pominięto drugi wartość, jest ona taka sama jak pierwsza wartość. Nie można używać ujemnych wartości jako wartości border-image-outset.

Wartość atrybutu

Wartość Opis
długość
liczba Reprezentuje mnożnik odpowiedniego border-width.

Szczegóły techniczne

Domyślna wartość: 0
Inheredowanie: nie
Wersja: CSS3
Język skryptu: obiekt.style.borderImageOutset="30 30"

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten atrybut.

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

Zobacz obraz-ramki Atrybuty.