Pśedłoga:Border-radius

Z Wikipedije
Zur Navigation springen Zur Suche springen
Dokumentacija Dokumentacija

Toś ta pśedłoga definěrujo z pomocu CSS-formatow kulojte rožki.

Pšosym glědajśo, až formaty njefunkcioněruju w pitśku starych wobglědowakach. Toś, funkcioněrujo w nowych wersijach wót

  • Opera,
  • Firefox,
  • Safari,
  • Chrome
  • IE 9 a nowšy

Wužyśe

Wše radiuse su samske.
{{border-radius|gódnota z měrneju jadnotu}}
Wše radiuse su rozdźělne.
{{border-radius|radius1 radius2 radius3 radius4}}

Parametry

Wóna ma jano jaden notny parameter, ale móžo wopśimjeś jadnu, dwě, tśi abo styri definicije wó rožkach.

  • Pśi jadnej wše rožki dostanu samsku kulojtosć.
  • Pśi dwěma prědna definěrujo rožki górjejce nalěwo a dołojce napšawo, mjaztym až druga definěrujo górjejce napšawo a dołojce nalěwo.
  • Pśi tśich prědna definěrujo rožki górjejce nalěwo, druga górjejce napšawo a dołojce nalěwo a tśeśa dołojce napšawo.
  • Pśi styrich pórěd jo kaž slědujo: górjejce nalěwo, górjejce napšawo, dołojce napšawo a dołojce nalěwo.

Pśikłady

Jadnory pśikład
Kócka ma dwě wušy.
<div style="float:right; clear:right; border:1px solid #999; {{border-radius|0.5em}}">Kócka ma dwě wušy.</div>
Bóle detailny přikład
  • <div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{Border-radius|16px 8px 16px 8px}}">Lorem ipsum...</div> redonas:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Eksterne wótkaze

Glědaj teke


Jolic maš pšašanje k toś tej pśedłoze, da se móžoš na boku Wikipedija diskusija:Projekt za pśedłogi pšašaś.