[editar la documentación ]

Template-info.svg.png Documentación de esta plantilla

Use esta plantilla para agregar un borde con radio a un elemento dentro de todos los navegadores compatibles.

Uso

Coloque lo siguiente dentro de la definición de estilo en un elemento html:

{{Radius|<TopLeft>|<TopRight>|<BottomLeft>|<BottomRight>}}

Acerca de los parámetros

  • parámetro sin nombre 1 - El valor del radio para la esquina superior izquierda del elemento.
    • Este es el valor predeterminado para todos los parámetros si los otros no están definidos.
  • parámetro sin nombre 2 - El valor del radio para la esquina superior derecha del elemento.
  • parámetro sin nombre 3 - El valor del radio para la esquina inferior izquierda del elemento.
  • parámetro sin nombre 4 - El valor del radio para la esquina inferior derecha del elemento.
    • Esto será el valor predeterminado del segundo parámetro si no está definido.

Ejemplos

Solo bordes superiores redondeados

<div style="{{Radius|5px|5px|0px|0px}} border:1px solid gray;background-color: #0E192D;color: white;padding:10px;">
Esta es una caja con solo los bordes superiores redondeados.
</div>
Esta es una caja con solo los bordes superiores redondeados.

Bordes izquierdos diferentes de los bordes derechos

<div style="{{Radius|8px|30px}} border:1px solid gray;background-color: #0E192D;padding:10px;">
Los bordes derechos de esta caja están más redondeados que los bordes izquierdos..
</div>
Los bordes derechos de esta caja están más redondeados que los bordes izquierdos.

Todos los bordes redondeados igualmente

<div style="{{Radius|10px}} border:1px solid gray;background-color: #0E192D;padding:10px;">
Todos los bordes de esta caja están igualmente redondeados.
</div>
Todos los bordes de esta caja están igualmente redondeados.

Detalles

  • Esta plantilla usa la sub-plantilla {{Radius-edge}}.
  • La propiedad CSS "border-radius" es compatible con Internet Explorer versión 9 y posterior, Firefox versión 4 y posterior, Safari versión 5 y posterior, así como todas las versiones de Chrome y Opera.
Esta documentación está transcluida desde Plantilla:Radius/doc.
¿Terminaste de editar? ¡Recarga esta página!
El contenido de la comunidad está disponible bajo CC-BY-SA a menos que se indique lo contrario.