(Unless otherwise stated, the copyright of the materials included belong to Jan Woreczko & Wadi.)
Szablon:Border-radius
Z Wiki.Meteoritica.pl
Dokumentacja (Border-radius)
Spis treści |
Szablon służy do zaokrąglenia naroży ramki. Generuje CSS dla rożnych przeglądarek. Działa dla obecnych wersji Opera, Firefox, Safari, Chrome i Internet Explorer 9
Składnia
Wpisz ten szablon w "style" jako jego element:
{{Border-radius | góra-lewo [góra-prawo dół-prawo dół-lewo]; default 6px}}
- Jeżeli podamy tylko jedną wartość, zaokrąglenie nastąpi na wszystkich czterech rogach.
- Jeżeli zostaną podane cztery wartości, to uwzględnione zostaną w następującej kolejności: góra-lewo, góra-prawo, dół-prawo, dół-lewo.
Uwaga! Nie podaj dwie lub trzy wartości, gdyż mogą być użyte niewłaściwie w zależności od danej wyszukiwarki.
Przykład
- <div style="background-color: #FFFFee; border: 1px solid #808000; padding: 5px; {{Border-radius|4px 8px 16px 32px}}">Lorem ipsum...</div> daje:
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus leo non est. Etiam sit amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat.
(AĄBCĆDEĘFGHIJKLŁMNŃOÓPQRSŚTUVWXYZŹŻ aąbcćdeęfghijklłmnńoópqrsśtuvwxyzźż)
(AĄBCĆDEĘFGHIJKLŁMNŃOÓPQRSŚTUVWXYZŹŻ aąbcćdeęfghijklłmnńoópqrsśtuvwxyzźż)
Linki zewnętrzne
- Wikipedia - Promień ramki (Border-radius)
