From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/pl/web/css/border-radius/index.html | 69 +++++++++++++++++++++++++++++++ 1 file changed, 69 insertions(+) create mode 100644 files/pl/web/css/border-radius/index.html (limited to 'files/pl/web/css/border-radius') diff --git a/files/pl/web/css/border-radius/index.html b/files/pl/web/css/border-radius/index.html new file mode 100644 index 0000000000..ee38420619 --- /dev/null +++ b/files/pl/web/css/border-radius/index.html @@ -0,0 +1,69 @@ +--- +title: border-radius +slug: Web/CSS/border-radius +tags: + - CSS + - 'CSS:Dokumentacje' + - 'CSS:Rozszerzenia_Mozilli' + - Dokumentacje + - Wszystkie_kategorie +translation_of: Web/CSS/border-radius +--- +

{{ CSSRef() }}

+ +

Podsumowanie

+ +

W aplikacjach opartych border-radius może być używany do nadawania obramowaniom zaokrąglonych rogów.

+ + + +

border-radius nie stosuje się do elementów tabel, kiedy własność {{ Cssxref("border-collapse") }} ustawiona jest na collapse.

+ +

Składnia

+ +
-moz-border-radius: <border-radius>{1,4} | inherit
+
+ +

Wartości

+ +

<border-radius> reprezentuje jedną z wartości:

+ +
+
<length>
+
szerokość
+
<percentage>
+
procenty, względem długości boksu
+
+ +

Zatem są używane 4 wartości w porządku górny-lewy, górny-prawy, dolny-prawy i dolny-lewy. Jeśli podane są mniej niż 4 wartości, lista wartości jest powtarzana do wypełnienia pozostałych wartości.

+ +

Powiązane własności

+ + + +

Przykłady

+ +
hbox.example {
+  border: 10px solid #000000;
+  width: 500px;
+  height: 500px;
+  /* obramowanie wygnie się w kształt 'D' */
+  -moz-border-radius: 10px 200px 200px 10px;
+}
+
+ +

Znane błędy

+ + -- cgit v1.2.3-54-g00ecf