Working Draft · css-rhythm

CSS Rhythmic Sizing

6 properties defined by this specification, 1 of them known to at least one browser (the others are badged Not in any browser yet).

Read the Editor's Draft ↗ W3C Working Draft ↗

Each feature in detail

`block-step`

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

Definition

Initial: see individual properties
Applies to: block-level boxes
Inherited: no
Percentages: N/A
Computed value: see individual properties
Canonical order: per grammar
Animation type: see individual properties
Longhands: block-step-size, block-step-insert, block-step-align, block-step-round

Specification ↗

`block-step-align`

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

auto | center | start | end

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

Definition

Initial: auto
Applies to: block-level boxes
Inherited: no
Percentages: N/A
Computed value: specified keyword
Canonical order: per grammar
Animation type: discrete

Specification ↗

`block-step-insert`

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

margin-box | padding-box | content-box

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

Definition

Initial: margin-box
Applies to: block-level boxes
Inherited: no
Percentages: N/A
Computed value: specified keyword
Canonical order: per grammar
Animation type: discrete

Specification ↗

`block-step-round`

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

up | down | nearest

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

Definition

Initial: up
Applies to: block-level boxes
Inherited: no
Percentages: N/A
Computed value: specified keyword
Canonical order: per grammar
Animation type: discrete

Specification ↗

`block-step-size`

Property Not in any browser yet

No prose in the spec's definition and no MDN page yet: the spec link below is the only description.

Syntax

none | <length [0,∞]>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

Definition

Initial: none
Applies to: block-level boxes
Inherited: no
Percentages: N/A
Computed value: specified keyword or absolute length
Canonical order: per grammar
Animation type: by computed value type

Specification ↗

`line-height-step`

Property

MDN The line-height-step CSS property sets the step unit for line box heights. When the property is set, line box heights are rounded up to the closest multiple of the unit.

Syntax

<length [0,∞]>

Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.

Definition

Initial: 0
Applies to: block containers
Inherited: yes
Percentages: N/A
Computed value: absolute length
Canonical order: per grammar
Animation type: by computed value type

Specification ↗ MDN reference ↗