import { Globals } from "./index";
/**
 * The **`break-inside`** CSS property defines how page, column, or region breaks should behave inside a generated box. If there is no generated box, the property is ignored.
 *
 * **Initial value**: `auto`
 *
 * ---
 *
 * _Supported in Multi-column Layout_
 *
 * | Chrome | Firefox | Safari |  Edge  |   IE   |
 * | :----: | :-----: | :----: | :----: | :----: |
 * | **50** | **65**  | **10** | **12** | **10** |
 *
 * ---
 *
 * _Supported in Paged Media_
 *
 * | Chrome | Firefox | Safari |  Edge  |   IE   |
 * | :----: | :-----: | :----: | :----: | :----: |
 * | **50** | **65**  | **10** | **12** | **10** |
 *
 * ---
 *
 * _Supported in CSS Regions_
 *
 * | Chrome | Firefox | Safari | Edge | IE  |
 * | :----: | :-----: | :----: | :--: | :-: |
 * |   No   |   No    |   No   |  No  | No  |
 *
 * ---
 *
 * @see https://developer.mozilla.org/docs/Web/CSS/break-inside
 */
export type BreakInsideProperty = Globals | "auto" | "avoid" | "avoid-column" | "avoid-page" | "avoid-region";