Ronde krawędzie CSS

Ronde krawędzie CSS

border-radius Właściwość używana do dodania zaokrąglonych krawędzi do elementu:

Zwykłe krawędzie

Zaokrąglone krawędzie

Zaokrąglone krawędzie

Zaokrąglone krawędzie

Przykład

p {
  border: 2px solid red;
  border-radius: 5px;
}

Spróbuj sam

Więcej przykładów

Wszystkie właściwości górnego paska w jednym deklaracji
Ten przykład pokazuje skróconą cechę, używaną do ustawienia wszystkich właściwości górnego paska w jednym deklaracji.
Ustawianie stylu dolnego paska
Ten przykład pokazuje, jak ustawić styl dolnego paska.
Ustawienie szerokości lewej krawędzi
Ten przykład pokazuje, jak ustawić szerokość lewej krawędzi.
Ustawienie koloru czterech krawędzi
Ten przykład pokazuje, jak ustawić kolor czterech krawędzi. Może mieć od jednego do czterech kolorów.
Ustawienie koloru prawej krawędzi
Ten przykład pokazuje, jak ustawić kolor prawej krawędzi.

Wszystkie atrybuty krawędzi CSS

Atrybut Opis
border Atrybut skrócony, ustawiający wszystkie atrybuty krawędzi w jednym wyrażeniu.
border-color Atrybut skrócony, ustawiający kolor czterech krawędzi.
border-radius Atrybut skrócony, pozwalający ustawić wszystkie cztery atrybuty border-*-radius.
border-style Atrybut skrócony, ustawiający styl czterech krawędzi.
border-width Atrybut skrócony, ustawiający szerokość czterech krawędzi.
border-bottom Atrybut skrócony, ustawiający wszystkie atrybuty dolnej krawędzi w jednym wyrażeniu.
border-bottom-color Ustaw kolor dolnej krawędzi.
border-bottom-style Ustaw styl dolnej krawędzi.
border-bottom-width Ustaw szerokość dolnej krawędzi.
border-left Atrybut skrócony, ustawiający wszystkie atrybuty lewej krawędzi w jednym wyrażeniu.
border-left-color Ustaw kolor lewej krawędzi.
border-left-style Ustaw styl lewej krawędzi.
border-left-width Ustaw szerokość lewej krawędzi.
border-right Atrybut skrócony, ustawiający wszystkie atrybuty prawej krawędzi w jednym wyrażeniu.
border-right-color Ustaw kolor prawej krawędzi.
border-right-style Ustaw styl prawej krawędzi.
border-right-width Ustaw szerokość prawej krawędzi.
border-top Atrybut skrócony, ustawiający wszystkie atrybuty górnej krawędzi w jednym wyrażeniu.
border-top-color Ustaw kolor górnej krawędzi.
border-top-style Ustaw styl górnej krawędzi.
border-top-width Ustaw szerokość górnej krawędzi.