Jekyll2026-05-24T01:11:00+00:00https://rixx.github.io/baseline-updates/feed/by_tag/layout.xmlUpdates to the Baseline collection. Including RSS feeds (both for all updates and individual tags).2024-12-11T00:00:00+00:002024-12-11T00:00:00+00:00https://rixx.github.io/baseline-updates/2024/12/11/page-setupcaniuse · mdn · spec

The @page CSS at-rule sets the page-specific dimensions and margins for content such as printed documents, ebooks, or slides.

Source features

• css.at-rules.page [mdn]
• css.at-rules.page.size [mdn]
• css.at-rules.page.size.jis-b4 [mdn]
• css.at-rules.page.size.jis-b5 [mdn]
• css.at-rules.page.bottom-center [mdn]
• css.at-rules.page.bottom-left [mdn]
• css.at-rules.page.bottom-left-corner [mdn]
• css.at-rules.page.bottom-right [mdn]
• css.at-rules.page.bottom-right-corner [mdn]
• css.at-rules.page.left-bottom [mdn]
• css.at-rules.page.left-middle [mdn]
• css.at-rules.page.left-top [mdn]
• css.at-rules.page.right-bottom [mdn]
• css.at-rules.page.right-middle [mdn]
• css.at-rules.page.right-top [mdn]
• css.at-rules.page.top-center [mdn]
• css.at-rules.page.top-left [mdn]
• css.at-rules.page.top-left-corner [mdn]
• css.at-rules.page.top-right [mdn]
• css.at-rules.page.top-right-corner [mdn]

]]>

2024-05-02T00:00:00+00:002024-05-02T00:00:00+00:00https://rixx.github.io/baseline-updates/2024/05/02/fit-contentcaniuse · mdn · spec

The fit-content CSS keyword expands a box as needed to fit its contents until the maximum size is reached.

Source features

• css.properties.height.fit-content [mdn]
• css.properties.max-height.fit-content [mdn]
• css.properties.max-width.fit-content [mdn]
• css.properties.min-height.fit-content [mdn]
• css.properties.min-width.fit-content [mdn]
• css.properties.width.fit-content [mdn]

]]>

2024-04-16T00:00:00+00:002024-04-16T00:00:00+00:00https://rixx.github.io/baseline-updates/2024/04/16/align-content-blockcaniuse · mdn · spec

The align-content property vertically aligns content in block layouts, like it does in flex or grid layouts.

Source features

• css.properties.align-content.block_context [mdn]

]]>

2022-07-15T00:00:00+00:002022-07-15T00:00:00+00:00https://rixx.github.io/baseline-updates/2022/07/15/min-max-contentcaniuse · mdn · [spec]([‘https://drafts.csswg.org/css-sizing-3/#valdef-width-max-content’, ‘https://drafts.csswg.org/css-sizing-3/#valdef-width-min-content’])

The min-content and max-content CSS keywords represent the smallest and largest intrinsic sizes of an element.

Source features

• css.properties.height.max-content [mdn]
• css.properties.height.min-content [mdn]
• css.properties.max-height.max-content [mdn]
• css.properties.max-height.min-content [mdn]
• css.properties.max-width.max-content [mdn]
• css.properties.max-width.min-content [mdn]
• css.properties.min-height.max-content [mdn]
• css.properties.min-height.min-content [mdn]
• css.properties.min-width.max-content [mdn]
• css.properties.min-width.min-content [mdn]
• css.properties.width.max-content [mdn]
• css.properties.width.min-content [mdn]

]]>

2021-11-02T00:00:00+00:002021-11-02T00:00:00+00:00https://rixx.github.io/baseline-updates/2021/11/02/fit-contentcaniuse · mdn · spec

The fit-content CSS keyword expands a box as needed to fit its contents until the maximum size is reached.

Source features

• css.properties.height.fit-content [mdn]
• css.properties.max-height.fit-content [mdn]
• css.properties.max-width.fit-content [mdn]
• css.properties.min-height.fit-content [mdn]
• css.properties.min-width.fit-content [mdn]
• css.properties.width.fit-content [mdn]

]]>

2021-07-29T00:00:00+00:002021-07-29T00:00:00+00:00https://rixx.github.io/baseline-updates/2021/07/29/page-breakscaniuse · mdn · spec

In printed page layouts, the break-after, break-before, break-inside CSS properties control where printed pages start and end. Also known as pagination or page breaking.

Source features

• css.properties.break-after [mdn]
• css.properties.break-after.paged_context [mdn]
• css.properties.break-after.paged_context.page [mdn]
• css.properties.break-before [mdn]
• css.properties.break-before.paged_context [mdn]
• css.properties.break-before.paged_context.page [mdn]
• css.properties.break-inside [mdn]
• css.properties.break-inside.paged_context [mdn]
• css.properties.break-after.auto [mdn]
• css.properties.break-after.avoid [mdn]
• css.properties.break-after.left [mdn]
• css.properties.break-after.page [mdn]
• css.properties.break-after.right [mdn]
• css.properties.break-before.auto [mdn]
• css.properties.break-before.avoid [mdn]
• css.properties.break-before.left [mdn]
• css.properties.break-before.page [mdn]
• css.properties.break-before.right [mdn]
• css.properties.break-inside.auto [mdn]
• css.properties.break-inside.avoid [mdn]
• css.properties.break-inside.avoid-page [mdn]
• css.properties.break-after.paged_context.avoid-page [mdn]
• css.properties.break-inside.paged_context.avoid-page [mdn]
• css.properties.break-after.avoid-page [mdn]
• css.properties.break-after.recto [mdn]
• css.properties.break-after.verso [mdn]
• css.properties.break-before.avoid-page [mdn]
• css.properties.break-before.recto [mdn]
• css.properties.break-before.verso [mdn]
• css.properties.break-after.always [mdn]
• css.properties.break-before.always [mdn]
• css.properties.break-after.paged_context.recto [mdn]
• css.properties.break-before.paged_context.recto [mdn]

]]>

2020-01-15T00:00:00+00:002020-01-15T00:00:00+00:00https://rixx.github.io/baseline-updates/2020/01/15/min-max-contentcaniuse · mdn · [spec]([‘https://drafts.csswg.org/css-sizing-3/#valdef-width-max-content’, ‘https://drafts.csswg.org/css-sizing-3/#valdef-width-min-content’])

The min-content and max-content CSS keywords represent the smallest and largest intrinsic sizes of an element.

Source features

• css.properties.height.max-content [mdn]
• css.properties.height.min-content [mdn]
• css.properties.max-height.max-content [mdn]
• css.properties.max-height.min-content [mdn]
• css.properties.max-width.max-content [mdn]
• css.properties.max-width.min-content [mdn]
• css.properties.min-height.max-content [mdn]
• css.properties.min-height.min-content [mdn]
• css.properties.min-width.max-content [mdn]
• css.properties.min-width.min-content [mdn]
• css.properties.width.max-content [mdn]
• css.properties.width.min-content [mdn]

]]>

2019-01-29T00:00:00+00:002019-01-29T00:00:00+00:00https://rixx.github.io/baseline-updates/2019/01/29/page-breakscaniuse · mdn · spec

In printed page layouts, the break-after, break-before, break-inside CSS properties control where printed pages start and end. Also known as pagination or page breaking.

Source features

• css.properties.break-after [mdn]
• css.properties.break-after.paged_context [mdn]
• css.properties.break-after.paged_context.page [mdn]
• css.properties.break-before [mdn]
• css.properties.break-before.paged_context [mdn]
• css.properties.break-before.paged_context.page [mdn]
• css.properties.break-inside [mdn]
• css.properties.break-inside.paged_context [mdn]
• css.properties.break-after.auto [mdn]
• css.properties.break-after.avoid [mdn]
• css.properties.break-after.left [mdn]
• css.properties.break-after.page [mdn]
• css.properties.break-after.right [mdn]
• css.properties.break-before.auto [mdn]
• css.properties.break-before.avoid [mdn]
• css.properties.break-before.left [mdn]
• css.properties.break-before.page [mdn]
• css.properties.break-before.right [mdn]
• css.properties.break-inside.auto [mdn]
• css.properties.break-inside.avoid [mdn]
• css.properties.break-inside.avoid-page [mdn]
• css.properties.break-after.paged_context.avoid-page [mdn]
• css.properties.break-inside.paged_context.avoid-page [mdn]
• css.properties.break-after.avoid-page [mdn]
• css.properties.break-after.recto [mdn]
• css.properties.break-after.verso [mdn]
• css.properties.break-before.avoid-page [mdn]
• css.properties.break-before.recto [mdn]
• css.properties.break-before.verso [mdn]
• css.properties.break-after.always [mdn]
• css.properties.break-before.always [mdn]
• css.properties.break-after.paged_context.recto [mdn]
• css.properties.break-before.paged_context.recto [mdn]

]]>

2018-01-29T00:00:00+00:002018-01-29T00:00:00+00:00https://rixx.github.io/baseline-updates/2018/01/29/box-sizingcaniuse · mdn · spec

The box-sizing CSS property sets whether an element’s width and height are calculated based on the content-box, which does not count the size of borders or padding, or border-box, which does count them.

Source features

• css.properties.box-sizing [mdn]
• css.properties.box-sizing.border-box [mdn]
• css.properties.box-sizing.content-box [mdn]

]]>

2018-01-29T00:00:00+00:002018-01-29T00:00:00+00:00https://rixx.github.io/baseline-updates/2018/01/29/margincaniuse · mdn · spec

The margin CSS property sets space around an element. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.

Source features

• css.properties.margin [mdn]
• css.properties.margin-bottom [mdn]
• css.properties.margin-bottom.auto [mdn]
• css.properties.margin-left [mdn]
• css.properties.margin-left.auto [mdn]
• css.properties.margin-right [mdn]
• css.properties.margin-right.auto [mdn]
• css.properties.margin-top [mdn]
• css.properties.margin-top.auto [mdn]
• css.properties.margin.auto [mdn]

]]>

2018-01-29T00:00:00+00:002018-01-29T00:00:00+00:00https://rixx.github.io/baseline-updates/2018/01/29/paddingcaniuse · mdn · spec

The padding CSS property sets space between an element’s edge and its contents. It is a shorthand for padding-top, padding-right, padding-bottom, and padding-left.

Source features

• css.properties.padding [mdn]
• css.properties.padding-bottom [mdn]
• css.properties.padding-left [mdn]
• css.properties.padding-right [mdn]
• css.properties.padding-top [mdn]

]]>

2018-01-29T00:00:00+00:002018-01-29T00:00:00+00:00https://rixx.github.io/baseline-updates/2018/01/29/width-heightcaniuse · mdn · spec

The width and height CSS properties set the preferred physical size of an element.

Source features

• css.properties.height [mdn]
• css.properties.height.auto [mdn]
• css.properties.width [mdn]
• css.properties.width.auto [mdn]
• css.properties.width.is_animatable [mdn]

]]>

2015-07-29T00:00:00+00:002015-07-29T00:00:00+00:00https://rixx.github.io/baseline-updates/2015/07/29/box-sizingcaniuse · mdn · spec

The box-sizing CSS property sets whether an element’s width and height are calculated based on the content-box, which does not count the size of borders or padding, or border-box, which does count them.

Source features

• css.properties.box-sizing [mdn]
• css.properties.box-sizing.border-box [mdn]
• css.properties.box-sizing.content-box [mdn]

]]>

2015-07-29T00:00:00+00:002015-07-29T00:00:00+00:00https://rixx.github.io/baseline-updates/2015/07/29/margincaniuse · mdn · spec

The margin CSS property sets space around an element. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.

Source features

• css.properties.margin [mdn]
• css.properties.margin-bottom [mdn]
• css.properties.margin-bottom.auto [mdn]
• css.properties.margin-left [mdn]
• css.properties.margin-left.auto [mdn]
• css.properties.margin-right [mdn]
• css.properties.margin-right.auto [mdn]
• css.properties.margin-top [mdn]
• css.properties.margin-top.auto [mdn]
• css.properties.margin.auto [mdn]

]]>

2015-07-29T00:00:00+00:002015-07-29T00:00:00+00:00https://rixx.github.io/baseline-updates/2015/07/29/paddingcaniuse · mdn · spec

The padding CSS property sets space between an element’s edge and its contents. It is a shorthand for padding-top, padding-right, padding-bottom, and padding-left.

Source features

• css.properties.padding [mdn]
• css.properties.padding-bottom [mdn]
• css.properties.padding-left [mdn]
• css.properties.padding-right [mdn]
• css.properties.padding-top [mdn]

]]>

2015-07-29T00:00:00+00:002015-07-29T00:00:00+00:00https://rixx.github.io/baseline-updates/2015/07/29/width-heightcaniuse · mdn · spec

The width and height CSS properties set the preferred physical size of an element.

Source features

• css.properties.height [mdn]
• css.properties.height.auto [mdn]
• css.properties.width [mdn]
• css.properties.width.auto [mdn]
• css.properties.width.is_animatable [mdn]

]]>