Atrybut border CSS

Definicja i użycie

Skrócona właściwość border ustawia wszystkie właściwości krawędzi w jednej deklaracji.

Możesz ustawiać następujące właściwości w kolejności:

Jeśli nie ustawisz pewnej wartości, nie będzie to problemem, na przykład border:solid #ff0000; jest również dozwolone.

Inne zasoby:

Kurs CSSObramowanie CSS

Podręcznik HTML DOMAtrybut border

Przykład

Ustawienie stylu dla czterech krawędzi:

p
  {
  border:5px solid red;
  }

Spróbuj sam

Gramatyka CSS

border: border-width border-style border-color|initial|dziedziczenie;

Wartość atrybutu

Wartość Opis
border-width Zdefiniowano szerokość krawędzi. Zobacz:border-width możliwe wartości w
border-style Zdefiniowano styl krawędzi. Zobacz:border-style możliwe wartości w
border-color Zdefiniowano kolor krawędzi. Zobacz:border-color możliwe wartości w
dziedziczenie Zdefiniowano, że ustawienia border powinny być dziedziczone od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: nie określono
Inheredność: nie
Wersja: CSS1
Gramatyka JavaScript: object.style.border="3px solid blue"

Więcej przykładów

Wszystkie właściwości krawędzi w jednej deklaracji
Ten przykład pokazuje, jak używać skróconych właściwości, aby ustawić wszystkie cztery właściwości krawędzi w jednym deklaracji.

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5