CSS break-in proprietà
Esempio
Evita un'interruzione di pagina all'interno di un elemento <img>:
@media print
{
img {
display: block;
break-inside:
avoid;
}
}
Definizione e utilizzo
La break-inside
proprietà specifica se un'interruzione di pagina, di colonna o di area deve verificarsi o meno all'interno dell'elemento specificato.
La break-inside
proprietà estende poi la proprietà CSS2.
page-break-inside
Con break-inside
, puoi indicare al browser di evitare interruzioni all'interno di immagini, frammenti di codice, tabelle e listst.
Valore di default: | auto |
---|---|
Ereditato: | no |
Animabile: | no. Leggi su animabile |
Versione: | CSS3 |
sintassi JavaScript: | oggetto .style.breakInside="sempre" |
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
break-inside | 50.0 | 10.0 | 65.0 | 10.0 | 37.0 |
Sintassi CSS
break-inside: auto|all|always|avoid|avoid-column|avoid-page|avoid-region|column|left|page|recto|region|right|verso|initial|inherit;
Valori di proprietà
Value | Description |
---|---|
auto | Default. Automatic page/column/region break inside the element |
avoid | Avoid a page/column/region break inside the element |
avoid-column | Avoid a column-break inside the element |
avoid-page | Avoid a page-break inside the element |
avoid-region | Avoid a region-break inside the element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Altri esempi
Esempio
Evita un'interruzione di pagina all'interno di un <table>, <ul>, <ol> elementi::
@media print
{
table, ul, ol {
break-inside: avoid;
}
}