English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referencia CSS

reglas CSS @

大全 de propiedades CSS

Página de CSS-break-Uso y ejemplo de la propiedad inside

page-break-La propiedad inside CSS obliga o permite el símbolo de salto de página dentro del elemento. Esta propiedad se aplica a los elementos que generan cuadros.BloqueElemento. No se aplica a <p> vacíos, no se genera una caja en blanco.

La siguiente tabla proporciona una descripción de uso y registro histórico de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:auto
Aplicable a:Elementos de bloque
Herencia:No
Animable:No.Vea más información en Atributos de animación
Versión:CSS 2、3

page-break-Sintaxis de uso de inside

La sintaxis de este atributo es la siguiente:

page-break-inside: auto | avoid | initial | inherit

El siguiente ejemplo muestra cómo usar page-break-propiedad inside.

  @media print {
   ul {
    page-break-inside: avoid;      
   }
  }
Prueba aquí‹/›

Las reglas de estilo del ejemplo anterior establecen el comportamiento de paginación para evitar dividir la lista desordenada en dos páginas.

Nota:este page-break-La propiedad inside solo se aplica a los elementos raíz otable-rowFlujo normal del elementoBloqueElemento.

Valor del atributo

La siguiente tabla describe los valores de este atributo.

ValorDescripción
autoSi es necesario, inserte un símbolo de salto de página dentro del elemento. Este es el valor predeterminado.
avoidEvite la paginación dentro del elemento.
initialEstablezca esta propiedad en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza el valor page del elemento padre-break-Valores del atributo inside

Compatibilidad con navegadores

page-break-insideFirefox no admite esta propiedad.

  • Firefox (sin)

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.3+

  • Opera 7+

Advertencia:Evite el uso de esta propiedad, ya que su soporte es deficiente. Además, utilice lo menos posible los símbolos de salto de página y evite dividir elementos de tabla con borde, elementos flotantes y elementos de bloque en la sección interna de la página.

Leer más

Consulte los siguientes tutoriales:Tipos de medios CSS

Propiedades relacionadas:page-break-afterpage-break-before