Sjabloon:Border-radius

Sjabloondokumentasie[sien] [wysig] [geskiedenis] [wis kasgeheue]

Hierdie sjabloon is 'n kortpad vir die vervaardiging van afgeronde hoeke. Dit genereer die CSS vir verskeie blaaiers. Ondersteunde blaaiers is die huidige weergawes van Opera, Firefox, Safari, Chrome en Internet Explorer.

Gebruik

Voeg hierdie sjabloon in 'n stylmerker van enige blokstylelement in:

{{border-radius | radius1 [radius2 radius3 radius4]}}

• As een waarde gestel is, is hierdie radius van toepassing op al 4 hoeke.
• As vier waardes ingestel is, is dit van toepassing op die boonste linker-, boonste-regs-, onder-regs-onder-links onderhoek in daardie volgorde.

Moenie twee of drie waardes gebruik nie, want dit lei tot verskillende weergawes tussen verskeie blaaiers.

Voorbeeld

• <div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{border-radius|16px 8px 16px 8px}}">Lorem ipsum...</div> lyk so :

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.