CSS3 border-radio
Ejemplos
Div elemento para agregar bordes redondeados:
{
border:2px solid;
border-radius:25px;
}
Trate »
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
Inmediatamente después de la -webkit- digital, -MS- o hace -moz- en apoyo del prefijo atribuyen primer número de la versión del navegador.
propiedad | |||||
---|---|---|---|---|---|
frontera-imagen | 4.0 -webkit- | 9.0 | 4.0 -moz- | 5.0 -webkit- | 10.5 -o- |
Definiciones de atributos e instrucciones
border-radio es un posible especificar hasta cuatro frontera - * - Propiedades de radio de las propiedades del compuesto
Nota: Esta propiedad le permite añadir elementos de bordes redondeados!
Por defecto: | 0 |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar object.style.borderRadius = "5px" |
gramática
Nota: El orden de los cuatro valores de cada radio son: la parte superior izquierda, superior derecha, esquina inferior derecha, en la esquina inferior izquierda.Si se omite la esquina inferior izquierda, la esquina superior derecha es la misma. Si se omite la esquina inferior derecha, esquina superior izquierda es la misma. Si se omite la esquina superior derecha, esquina superior izquierda es la misma.
值 | 描述 |
---|---|
length | 定义弯道的形状。 |
% | 使用%定义角落的形状。 |
Ejemplo 1
es equivalente a:
border-top-izquierda-radio: 2em;
border-top-derecha-radio: 2em;
border-bottom-derecha-radio: 2em;
border-bottom-izquierda-radio: 2em;
Ejemplo 2
es equivalente a:
border-top-izquierda-radio: 2em 0.5em;
border-top-derecha-radio: 1 em 3em;
border-bottom-derecha-radio: 4em 0.5em;
border-bottom-izquierda-radio: 1 em 3em;
Artículos relacionados
CSS3 tutorial: Frontera CSS3