Skip to content

Commit

Permalink
fix(macro): remove inline status macros from CSS value sections, part…
Browse files Browse the repository at this point in the history
… 1 (#32756)
  • Loading branch information
OnkarRuikar committed Mar 23, 2024
1 parent d32ba6a commit 69f98c6
Show file tree
Hide file tree
Showing 39 changed files with 79 additions and 79 deletions.
4 changes: 2 additions & 2 deletions files/en-us/web/css/-moz-orient/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,9 +17,9 @@ The `-moz-orient` property is specified as one of the keyword values chosen from

### Values

- `inline` {{non-standard_inline}}
- `inline`
- : The element is rendered in the same direction as the axis of the text: horizontally for horizontal writing modes, vertically for vertical writing modes.
- `block` {{non-standard_inline}}
- `block`
- : The element is rendered orthogonally to the axis of the text: vertically for horizontal writing modes, horizontal for vertical writing modes.
- `horizontal`
- : The element is rendered horizontally.
Expand Down
6 changes: 3 additions & 3 deletions files/en-us/web/css/-moz-user-input/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,11 +32,11 @@ For elements that normally take user input, such as a {{HTMLElement("textarea")}

### Values

- `none` {{Deprecated_Inline}} {{Non-standard_Inline}}
- `none`
- : The element does not respond to user input, and it does not become {{CSSxRef(":active")}}.
- `enabled` {{Deprecated_Inline}} {{Non-standard_Inline}}
- `enabled`
- : The element accepts user input. For textboxes, this is the default behavior. **Please note that this value is no longer supported in Firefox 60 onwards ([Firefox bug 1405087](https://bugzil.la/1405087)).**
- `disabled` {{Deprecated_Inline}} {{Non-standard_Inline}}
- `disabled`
- : The element does not accept user input. However, this is not the same as setting `disabled` to true, in that the element is drawn normally. **Please note that this value is no longer supported in Firefox 60 onwards ([Firefox bug 1405087](https://bugzil.la/1405087)).**

## Formal definition
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/-webkit-line-clamp/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ When applied to anchor elements, the truncating can happen in the middle of the

### Values

- `none` {{experimental_inline}}
- `none`
- : This value specifies that the content won't be clamped.
- {{cssxref("integer")}}
- : This value specifies the number of lines after which the content will be clamped. It must be greater than 0.
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/animation-duration/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ animation-duration: unset;

### Values

- `auto` {{Experimental_Inline}}
- `auto`

- : For time-based animations, `auto` is equivalent to a value of `0s` (see below). For [CSS scroll-driven animations](/en-US/docs/Web/CSS/CSS_scroll-driven_animations), `auto` fills the entire timeline with the animation.

Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/css/animation-timeline/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,13 +63,13 @@ animation-timeline: unset;

- : The animation's timeline is the document's default [DocumentTimeline](/en-US/docs/Web/API/DocumentTimeline).

- `scroll()` {{Experimental_Inline}}
- `scroll()`

- : An anonymous scroll progress timeline is provided by some ancestor scroller of the current element. The function parameters allow you to select the scroller, and the scrolling axis the timeline will be measured along.

See {{cssxref("animation-timeline/scroll", "scroll()")}} for more information.

- `view()` {{Experimental_Inline}}
- `view()`

- : An anonymous view progress timeline is provided by the subject that `animation-timeline: view();` is set on. The function parameters allow you to select the scrollbar axis along which timeline progress will be tracked and an inset that adjusts the position of the box in which the subject is deemed to be visible.

Expand Down
8 changes: 4 additions & 4 deletions files/en-us/web/css/break-after/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -61,9 +61,9 @@ Once forced breaks have been applied, soft breaks may be added if needed, but no
- : Allows, but does not force, any break (page, column, or region) to be inserted right after the principal box.
- `avoid`
- : Avoids any break (page, column, or region) from being inserted right after the principal box.
- `always` {{experimental_inline}}
- `always`
- : Forces a page break right after the principal box. The type of this break is that of the immediately-containing fragmentation context. If we are inside a multicol container then it would force a column break, inside paged media (but not inside a multicol container) a page break.
- `all` {{experimental_inline}}
- `all`
- : Forces a page break right after the principal box. Breaking through all possible fragmentation contexts. So a break inside a multicol container, which was inside a page container would force a column and page break.

#### Page break values
Expand All @@ -90,9 +90,9 @@ Once forced breaks have been applied, soft breaks may be added if needed, but no

#### Region break values

- `avoid-region` {{experimental_inline}}
- `avoid-region`
- : Avoids any region break right after the principal box.
- `region` {{experimental_inline}}
- `region`
- : Forces a region break right after the principal box.

## Page break aliases
Expand Down
8 changes: 4 additions & 4 deletions files/en-us/web/css/break-before/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -61,9 +61,9 @@ Once forced breaks have been applied, soft breaks may be added if needed, but no
- : Allows, but does not force, any break (page, column, or region) to be inserted right before the principal box.
- `avoid`
- : Avoids any break (page, column, or region) from being inserted right before the principal box.
- `always` {{experimental_inline}}
- `always`
- : Forces a page break right after the principal box. The type of this break is that of the immediately-containing fragmentation context. If we are inside a multicol container then it would force a column break, inside paged media (but not inside a multicol container) a page break.
- `all` {{experimental_inline}}
- `all`
- : Forces a page break right after the principal box. Breaking through all possible fragmentation contexts. So a break inside a multicol container, which was inside a page container would force a column and page break.

#### Page break values
Expand All @@ -90,9 +90,9 @@ Once forced breaks have been applied, soft breaks may be added if needed, but no

#### Region break values

- `avoid-region` {{experimental_inline}}
- `avoid-region`
- : Avoids any region break right before the principal box.
- `region` {{experimental_inline}}
- `region`
- : Forces a region break right before the principal box.

## Page break aliases
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/break-inside/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ Once forced breaks have been applied, soft breaks may be added if needed, but no
- : Avoids any page break within the principal box.
- `avoid-column`
- : Avoids any column break within the principal box.
- `avoid-region` {{experimental_inline}}
- `avoid-region`
- : Avoids any region break within the principal box.

## Page break aliases
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/column-fill/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ The `column-fill` property is specified as one of the keyword values listed belo
- : Columns are filled sequentially. Content takes up only the room it needs, possibly resulting in some columns remaining empty.
- `balance`
- : Content is equally divided between columns. In fragmented contexts, such as [paged media](/en-US/docs/Web/CSS/CSS_paged_media), only the last fragment is balanced. Therefore in paged media, only the last page would be balanced.
- `balance-all` {{Experimental_Inline}}
- `balance-all`
- : Content is equally divided between columns. In fragmented contexts, such as [paged media](/en-US/docs/Web/CSS/CSS_paged_media), all fragments are balanced.

## Formal definition
Expand Down
6 changes: 3 additions & 3 deletions files/en-us/web/css/content/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -80,7 +80,7 @@ The keywords and data types mentioned above are described in more detail below:

- : The default value. Computes to `none` for the {{cssxref("::before")}} and {{cssxref("::after")}} pseudo-elements. For other pseudo-elements, the content will be the initial (or normal) content expected for that {{cssxref("::marker")}}, {{cssxref("::placeholder")}}, or {{cssxref("::file-selector-button")}}. For regular elements or page margin boxes, this computes to `contents`.

- `contents` {{Experimental_Inline}}
- `contents`

- : Adds the contents of the element itself to the generated content value.

Expand Down Expand Up @@ -108,11 +108,11 @@ The keywords and data types mentioned above are described in more detail below:
- `no-open-quote` and `no-close-quote`
- : Introduces no content, but increments (decrements) the level of nesting for quotes.

- `<target>` {{Experimental_Inline}}
- `<target>`

- : The `<target>` data type includes three target functions, `<target-counter()>`, `<target-counters()>`, and `<target-text()>` that create cross-references obtained from the target end of a link. See [Formal syntax](#formal_syntax).

- `<leader()>` {{Experimental_Inline}}
- `<leader()>`

- : The `<leader()>` data type inclues a leader function: `leader( <leader-type> )`. This function accepts the keyword values `dotted`, `solid`, or `space` (equal to `leader(".")`, `leader("_")`, and `leader(" ")`, respectively), or a `<string>` as a parameter. When supported and used as a value for `content`, the leader-type provided will be inserted as a repeating pattern, visually connecting content across a horizontal line.

Expand Down
12 changes: 6 additions & 6 deletions files/en-us/web/css/display/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ The keyword values can be grouped into six value categories.

- : These keywords specify the element's inner display type, which defines the type of formatting context that its contents are laid out in (assuming it is a non-replaced element):

- `flow` {{Experimental_Inline}}
- `flow`

- : The element lays out its contents using flow layout (block-and-inline layout).

Expand All @@ -105,7 +105,7 @@ The keyword values can be grouped into six value categories.
- : The element behaves like a block-level element and lays out its content according to the [flexbox model](/en-US/docs/Web/CSS/CSS_flexible_box_layout).
- `grid`
- : The element behaves like a block-level element and lays out its content according to the [grid model](/en-US/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout).
- `ruby` {{Experimental_Inline}}
- `ruby`
- : The element behaves like an inline-level element and lays out its content according to the ruby formatting model. It behaves like the corresponding HTML {{HTMLElement("ruby")}} elements.

> **Note:** When browsers that support multi-keyword syntax encounter a display property that only has an **inner** value (e.g., `display: flex` or `display: grid`), the outer value is set to `block` (e.g., `display: block flex` and `display: block grid`).
Expand Down Expand Up @@ -146,13 +146,13 @@ This can be used together with {{CSSxRef("list-style-type")}} and {{CSSxRef("lis
- : These elements behave like {{HTMLElement("col")}} HTML elements.
- `table-caption`
- : These elements behave like {{HTMLElement("caption")}} HTML elements.
- `ruby-base` {{Experimental_Inline}}
- `ruby-base`
- : These elements behave like {{HTMLElement("rb")}} HTML elements.
- `ruby-text` {{Experimental_Inline}}
- `ruby-text`
- : These elements behave like {{HTMLElement("rt")}} HTML elements.
- `ruby-base-container` {{Experimental_Inline}}
- `ruby-base-container`
- : These elements are generated as anonymous boxes.
- `ruby-text-container` {{Experimental_Inline}}
- `ruby-text-container`
- : These elements behave like {{HTMLElement("rtc")}} HTML elements.

### Box
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/grid-template-columns/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,7 @@ grid-template-columns: unset;
- : Represents the formula `max(minimum, min(limit, max-content))`, where _minimum_ represents an `auto` minimum (which is often, but not always, equal to a {{cssxref("min-content")}} minimum), and _limit_ is the track sizing function passed as an argument to fit-content(). This is essentially calculated as the smaller of `minmax(auto, max-content)` and `minmax(auto, limit)`.
- {{cssxref("repeat", "repeat( [ &lt;positive-integer&gt; | auto-fill | auto-fit ] , &lt;track-list&gt; )")}}
- : Represents a repeated fragment of the track list, allowing a large number of columns that exhibit a recurring pattern to be written in a more compact form.
- [`masonry`](/en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout) {{Experimental_Inline}}
- [`masonry`](/en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout)
- : The masonry value indicates that this axis should be laid out according to the masonry algorithm.
- [`subgrid`](/en-US/docs/Web/CSS/CSS_grid_layout/Subgrid)
- : The `subgrid` value indicates that the grid will adopt the spanned portion of its parent grid in that axis. Rather than being specified explicitly, the sizes of the grid rows/columns will be taken from the parent grid's definition.
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/grid-template-rows/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@ This property may be specified as:
- : Represents the formula `min(max-content, max(auto, argument))`, which is calculated similar to `auto` (i.e. `minmax(auto, max-content)`), except that the track size is clamped at _argument_ if it is greater than the `auto` minimum.
- {{cssxref("repeat", "repeat( [ &lt;positive-integer&gt; | auto-fill | auto-fit ] , &lt;track-list&gt; )")}}
- : Represents a repeated fragment of the track list, allowing a large number of rows that exhibit a recurring pattern to be written in a more compact form.
- [`masonry`](/en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout) {{Experimental_Inline}}
- [`masonry`](/en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout)
- : The masonry value indicates that this axis should be laid out according to the masonry algorithm.
- [`subgrid`](/en-US/docs/Web/CSS/CSS_grid_layout/Subgrid)
- : The `subgrid` value indicates that the grid will adopt the spanned portion of its parent grid in that axis. Rather than being specified explicitly, the sizes of the grid rows/columns will be taken from the parent grid's definition.
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/height/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@ height: unset;
- : The intrinsic minimum height.
- `fit-content`
- : Use the available space, but not more than [max-content](/en-US/docs/Web/CSS/max-content), i.e `min(max-content, max(min-content, stretch))`.
- `fit-content({{cssxref("&lt;length-percentage&gt;")}})` {{Experimental_Inline}}
- `fit-content({{cssxref("&lt;length-percentage&gt;")}})`
- : Uses the fit-content formula with the available space replaced by the specified argument, i.e. `min(max-content, max(min-content, <length-percentage>))`.
- {{cssxref("clamp", "clamp()")}}
- : Enables selecting a middle value within a range of values between a defined minimum and maximum.
Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/css/image-rendering/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,9 +33,9 @@ image-rendering: unset;

- `auto`
- : The scaling algorithm is UA dependent. Since version 1.9 (Firefox 3.0), Gecko uses _bilinear_ resampling (high quality).
- `smooth` {{Experimental_Inline}}
- `smooth`
- : The image should be scaled with an algorithm that maximizes the appearance of the image. In particular, scaling algorithms that "smooth" colors are acceptable, such as bilinear interpolation. This is intended for images such as photos.
- `high-quality` {{Experimental_Inline}}
- `high-quality`
- : Identical to `smooth`, but with a preference for higher-quality scaling. If system resources are constrained, images with `high-quality` should be prioritized over those with any other value, when considering which images to degrade the quality of and to what degree.
- `crisp-edges`
- : The image is scaled with an algorithm such as "nearest neighbor" that preserves contrast and edges in the image. Generally intended for images such as pixel art or line drawings, no blurring or color smoothing occurs.
Expand Down
8 changes: 4 additions & 4 deletions files/en-us/web/css/mask-clip/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -59,13 +59,13 @@ One or more of the keyword values listed below, separated by commas.
- : Uses the nearest SVG viewport as reference box. If a [`viewBox`](/en-US/docs/Web/SVG/Attribute/viewBox) attribute is specified for the element creating the SVG viewport, the reference box is positioned at the origin of the coordinate system established by the `viewBox` attribute and the dimension of the reference box is set to the width and height values of the `viewBox` attribute.
- `no-clip`
- : The painted content is not clipped.
- `border` {{non-standard_inline}}
- `border`
- : This keyword behaves the same as `border-box`.
- `padding` {{non-standard_inline}}
- `padding`
- : This keyword behaves the same as `padding-box`.
- `content` {{non-standard_inline}}
- `content`
- : This keyword behaves the same as `content-box`.
- `text` {{non-standard_inline}}
- `text`
- : This keyword clips the mask image to the text of the element.

## Formal definition
Expand Down
6 changes: 3 additions & 3 deletions files/en-us/web/css/mask-origin/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -55,11 +55,11 @@ One or more of the keyword values listed below, separated by commas.
- : The position is relative to the stroke bounding box.
- `view-box`
- : Uses the nearest SVG viewport as reference box. If a {{svgattr("viewBox")}} attribute is specified for the element creating the SVG viewport, the reference box is positioned at the origin of the coordinate system established by the `viewBox` attribute and the dimension of the reference box is set to the width and height values of the `viewBox` attribute.
- `content` {{non-standard_inline}}
- `content`
- : Same as `content-box`.
- `padding` {{non-standard_inline}}
- `padding`
- : Same as `padding-box`.
- `border` {{non-standard_inline}}
- `border`
- : Same as `border-box`.

## Formal definition
Expand Down
10 changes: 5 additions & 5 deletions files/en-us/web/css/max-block-size/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -58,17 +58,17 @@ The `max-block-size` property's value can be any value that's legal for the {{cs
- : The intrinsic minimum `max-block-size`.
- `fit-content`
- : Use the available space, but not more than [max-content](/en-US/docs/Web/CSS/max-content), i.e `min(max-content, max(min-content, stretch))`.
- `fit-content({{cssxref("&lt;length-percentage&gt;")}})` {{Experimental_Inline}}
- `fit-content({{cssxref("&lt;length-percentage&gt;")}})`
- : Uses the `fit-content` formula with the available space replaced by the specified argument, i.e. `min(max-content, max(min-content, argument))`.

### How writing-mode affects directionality

The values of `writing-mode` affect the mapping of `max-block-size` to `max-width` or `max-height` as follows:

| Values of `writing-mode` | `max-block-size` is equivalent to |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------- |
| `horizontal-tb`, `lr` {{deprecated_inline}}, `lr-tb` {{deprecated_inline}}, `rl` {{deprecated_inline}}, `rb` {{deprecated_inline}}, `rb-rl` {{deprecated_inline}} | {{cssxref("max-height")}} |
| `vertical-rl`, `vertical-lr`, `sideways-rl` {{experimental_inline}}, `sideways-lr` {{experimental_inline}}, `tb` {{deprecated_inline}}, `tb-rl` {{deprecated_inline}} | {{cssxref("max-width")}} |
| Values of `writing-mode` | `max-block-size` is equivalent to |
| ------------------------------------------------------------------------- | --------------------------------- |
| `horizontal-tb`, `lr`, `lr-tb`, `rl`, `rb`, `rb-rl` | {{cssxref("max-height")}} |
| `vertical-rl`, `vertical-lr`, `sideways-rl`, `sideways-lr`, `tb`, `tb-rl` | {{cssxref("max-width")}} |

> **Note:** The `writing-mode` values `sideways-lr` and `sideways-rl` were removed from the CSS Writing Modes Level 3 specification late in its design process. They may be restored in Level 4.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/max-height/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ max-height: unset;
- : The intrinsic minimum `max-height`.
- `fit-content`
- : Use the available space, but not more than [max-content](/en-US/docs/Web/CSS/max-content), i.e `min(max-content, max(min-content, stretch))`.
- `fit-content({{cssxref("&lt;length-percentage&gt;")}})` {{Experimental_Inline}}
- `fit-content({{cssxref("&lt;length-percentage&gt;")}})`
- : Uses the `fit-content` formula with the available space replaced by the specified argument, i.e. `min(max-content, max(min-content, argument))`.

## Accessibility concerns
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/max-width/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ max-width: unset;
- : The intrinsic minimum `max-width`.
- `fit-content`
- : Use the available space, but not more than [max-content](/en-US/docs/Web/CSS/max-content), i.e `min(max-content, max(min-content, stretch))`.
- `fit-content({{cssxref("&lt;length-percentage&gt;")}})` {{Experimental_Inline}}
- `fit-content({{cssxref("&lt;length-percentage&gt;")}})`
- : Uses the `fit-content` formula with the available space replaced by the specified argument, i.e. `min(max-content, max(min-content, argument))`.

## Accessibility concerns
Expand Down

0 comments on commit 69f98c6

Please sign in to comment.