CSS属性border-right-style

Definicja i użycie

border-right-style ustawia styl prawego obramowania elementu.

Obramowanie pojawi się tylko, gdy ta wartość nie jest none.

W CSS1, przeglądarka HTML musi obsługiwać tylko solid i none.

Zobacz również:

Podręcznik CSS:Pasek CSS

Podręcznik CSS:Atrybut border-right

Podręcznik HTML DOM:Atrybut borderRightStyle

Przykład

Ustawienie stylu prawego obramowania:

p
  {
  border-style:ciągła;
  border-right-style:kropkowany;
  }

Spróbuj sam

Gramatyka CSS

border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Wartość atrybutu

Wartość Opis
brak Definiuje brak obramowania.
ukryty Jest takie samo jak "none", ale nie dotyczy tabel. Dla tabel, "hidden" jest używane do rozwiązania konfliktu obramowań.
punktowe Definiuje obramowanie punktowe. W większości przeglądarek jest prezentowana jako linia ciągła.
przerywana Definiuje linię przerywaną. W większości przeglądarek jest prezentowana jako linia ciągła.
ciągła Definiuje linię ciągłą.
podwójna Definiuje podwójną linię. Szerokość linii jest równa wartości border-width.
wklęsłe Definiuje 3D obramowanie wklęsłe. Efekt zależy od wartości border-color.
faliste Definiuje 3D obramowanie faliste. Efekt zależy od wartości border-color.
wciśnięte Definiuje 3D obramowanie wciśnięte. Efekt zależy od wartości border-color.
wysunięte Definiuje 3D obramowanie wysunięte. Efekt zależy od wartości border-color.
dziedziczony Określa, że styl obramowania powinien być dziedziczony od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: nie określone
Inheritance: nie
Wersja: CSS1
Gramatyka JavaScript: obiekt.style.borderRightStyle="kropkowany"

Więcej przykładów

Ustawienie stylu prawego obramowania
Ten przykład pokazuje, jak ustawić styl prawego obramowania.

Obsługa przeglądarek

Liczby w tabeli wskazują 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