Template:Border-radius
Vai alla navigazione
Vai alla ricerca
Istruzioni per l'uso
Le istruzioni che seguono sono contenute nella sottopagina Template:Border-radius/man (modifica · cronologia)
Sandbox: Template:Border-radius/Sandbox (modifica · cronologia) · TemplateStyles: Template:Border-radius/styles.css (modifica · cronologia) · Tutte le sottopagine: lista
Le istruzioni che seguono sono contenute nella sottopagina Template:Border-radius/man (modifica · cronologia)
Sandbox: Template:Border-radius/Sandbox (modifica · cronologia) · TemplateStyles: Template:Border-radius/styles.css (modifica · cronologia) · Tutte le sottopagine: lista
Questo sottotemplate serve a produrre il codice CSS per ottenere dei bordi arrotondati, sia attraverso la proprietà ufficiale, sia attraverso quelle proprietarie di Webkit e Mozilla.
La sintassi è:
{{Border-radius | radius1 [radius2 radius3 radius4]}}
Inserendo solo radius1 si specifica lo stesso valore di curvatura per tutti e quattro gli angoli, mentre inserendo anche radius2, radius3 e radius4 si potranno specificare valori separati per ciascuno dei quattro angoli (rispettivamente quello in alto a sinistra, quello in alto a destra, in basso a destra e in basso a sinistra).
Ad esempio, con il codice:
<div style="border: 1px solid blue; padding: 5px; {{Border-radius|16px 8px 16px 8px}}">Lorem ipsum</div>
si ottiene:
Lorem ipsum