Vai al contenuto

Template:Border-radius

Wikibooks, manuali e libri di testo liberi.


Info Istruzioni per l'uso
Le istruzioni che seguono sono contenute nella sottopagina Template:Border-radius/man (modifica · cronologia · Sandbox)


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