Co to jest "border-radius"? - Kurs HTML i CSS
Co to jest "border-radius"?
- CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}
...górny, dolny, lewy lub prawy, należy wpisać liczbę, a od razu po niej (koniecznie bez spacji!) jednostkę - np.: 10px. Obramowanie .nazwa-klasy { border-width: grubość; border-style: styl; border-color: kolor; } Aby określić grubość obramowania, należy wpisać liczbę, a od razu po niej (koniecznie bez spacji!) jednostkę - np.: 1px. Zamiast "styl" należy wpisać jedną z następujących wartości określających wygląd linii obramowania: solid - linia ciągła dashed - linia przerywana dotted...
- Obramowanie CSS / Atrybuty mieszane zaokrąglenia obramowania {border-radius}
(CSS 3 - interpretuje Internet Explorer 9, Firefox 4, Opera, Chrome) selektor { border-radius: wartości atrybutów } Selektorem może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy wpisać kolejne wartości zaokrąglenia rozdzielone spacjami (w kolejności: górne-lewe, górne-prawe, dolne-prawe, dolne-lewe). Polecenie pozwala ustalić kilka wartości promieni zaokrąglenia jednocześnie. Możliwe jest przy tym podanie...
- Obramowanie CSS / Zaokrąglenie obramowania {border-...-radius}
(CSS 3 - interpretuje Internet Explorer 9, Firefox 4, Opera, Chrome) Zaokrąglenie górnego-lewego narożnika: selektor { border-top-left-radius: zaokrąglenie } Zaokrąglenie górnego-prawego narożnika: selektor { border-top-right-radius: zaokrąglenie } Zaokrąglenie dolnego-prawego narożnika: selektor { border-bottom-right-radius: zaokrąglenie } Zaokrąglenie dolnego-lewego narożnika: selektor { border-bottom-left-radius: zaokrąglenie } We wszystkich przypadkach selektorem może być dowolny...
- Komendy CSS3 / Tło i obramowanie CSS
...background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width...