Atributo box-decoration-break de CSS
- la página anterior abajo
- Página siguiente box-reflect
Definición y uso
La propiedad box-decoration-break define cómo se aplican el fondo, el relleno, el borde, la imagen del borde, la sombra del cuadro, el margen y el clip-path del elemento cuando el cuadro del elemento se divide.
Ejemplo
Define la propiedad box-decoration-break:
span.ex1 {
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
}
span.ex2 {
-webkit-box-decoration-break: slice;
-o-box-decoration-break: slice;
box-decoration-break: slice;
}
Sintaxis de CSS
box-decoration-break: slice|clone|initial|inherit|unset;
Valor del atributo
| Valor | Descripción |
|---|---|
| slice | Predeterminado. El decorado del cuadro se aplica al elemento en su conjunto y se rompe en los bordes de los fragmentos del elemento. |
| clone |
El decorado del cuadro se aplica a cada fragmento del elemento, como si cada fragmento fuera un elemento único. Los cuatro lados de cada fragmento del borde envuelto en el elemento se dibujan completamente, y el fondo de cada fragmento se dibuja completamente. |
| initial | Establezca este atributo en su valor predeterminado. Consulte initial. |
| inherit | Hereda este atributo de su elemento padre. Consulte inherit. |
Detalles técnicos
| Valor predeterminado: | slice |
|---|---|
| Herencia: | No |
| Producción de animación: | No se admite. Consulte:Atributos relacionados con la animación. |
| Versión: | CSS3 |
Compatibilidad del navegador
El número en la tabla indica la primera versión del navegador que admite completamente la propiedad.
El número en la tabla indica la primera versión del navegador que admite completamente la propiedad.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 22.0 -webkit- | 79.0 | 32.0 | 6.1 -webkit- | 11.5 -webkit- |
- la página anterior abajo
- Página siguiente box-reflect
