Skip to content

Commit

Permalink
Remove quotes around code spans 3 (#36037)
Browse files Browse the repository at this point in the history
  • Loading branch information
Josh-Cena authored Sep 25, 2024
1 parent 842c482 commit 5bd9fe2
Show file tree
Hide file tree
Showing 60 changed files with 110 additions and 113 deletions.
2 changes: 1 addition & 1 deletion files/en-us/web/api/presentationconnection/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ The **`PresentationConnection`** interface of the [Presentation API](/en-US/docs
## Instance properties

- {{domxref("PresentationConnection.binaryType")}} {{Experimental_Inline}}
- : Returns either blob or arrayBuffer. When a `PresentationConnection` object is created, its [`binaryType`](https://www.w3.org/TR/presentation-api/#idl-def-presentationconnection-binarytype) IDL attribute _MUST_ be set to the string " [`arraybuffer`](https://www.w3.org/TR/presentation-api/#dom-binarytype-arraybuffer)".
- : Returns either blob or arrayBuffer. When a `PresentationConnection` object is created, its [`binaryType`](https://www.w3.org/TR/presentation-api/#idl-def-presentationconnection-binarytype) IDL attribute _MUST_ be set to the string [`"arraybuffer"`](https://www.w3.org/TR/presentation-api/#dom-binarytype-arraybuffer).
- {{domxref("PresentationConnection.id")}} {{ReadOnlyInline}} {{Experimental_Inline}}
- : Provides the presentation connection identifier.
- {{domxref("PresentationConnection.state")}} {{ReadOnlyInline}} {{Experimental_Inline}}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/window/window/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ In web pages, the window object is also a _global object_. This means:

The point of having the `window` property refer to the object itself, was likely to make it easy to refer to the global object. Otherwise, you'd have to do a manual `let window = this;` assignment at the top of your script.

Another reason, is that without this property you wouldn't be able to write, for example, "{{domxref("window.open","window.open('https://google.com/')")}}". You'd have to use `open('https://google.com/')` instead.
Another reason, is that without this property you wouldn't be able to write, for example, {{domxref("window.open","window.open('https://google.com/')")}}. You'd have to use `open('https://google.com/')` instead.

Yet another reason to use this property, is for libraries which wish to offer OOP-versions, and non-OOP versions (especially JavaScript modules). For example, if we refer to "this.window\.location.href", a [JavaScript module](/en-US/docs/Web/JavaScript/Guide/Modules) could define a property called "window" inside of a class it defined (since no global "window" variable exists for it by default) which could be created after passing in a window object to the module class' constructor. Thus, "this.window" inside of its functions would refer to that window object. In the non-namespaced version, "this.window" would refer back to "window", and also be able to readily get the document location. Another advantage, is that the objects of such a class (even if the class were defined outside of a module) could change their reference to the window at will, they would not be able to do this if they had hard-coded a reference to "window". The default in the class could still be set as the current window object.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/at-rule/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ spec-urls: https://drafts.csswg.org/css-conditional/

{{CSSRef}}

**At-rules** are [CSS statements](/en-US/docs/Web/CSS/Syntax#css_statements) that instruct CSS how to behave. They begin with an at sign, '`@`' (`U+0040 COMMERCIAL AT`), followed by an identifier, and include everything up to the next semicolon, '`;`' (`U+003B SEMICOLON`), or the next [CSS block](/en-US/docs/Web/CSS/Syntax#css_declaration_blocks), whichever comes first.
**At-rules** are [CSS statements](/en-US/docs/Web/CSS/Syntax#css_statements) that instruct CSS how to behave. They begin with an at sign, `@` (U+0040 COMMERCIAL AT), followed by an identifier, and include everything up to the next semicolon, `;` (U+003B SEMICOLON), or the next [CSS block](/en-US/docs/Web/CSS/Syntax#css_declaration_blocks), whichever comes first.

## Syntax

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/background/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ The syntax of each layer is as follows:
- `<bg-size>`
- `<repeat-style>`

- The `<bg-size>` value may only be included immediately after `<position>`, separated with the '/' character, like this: "`center/80%`".
- The `<bg-size>` value may only be included immediately after `<position>`, separated with the '/' character, like this: `center/80%`.
- The `<box>` value may be included zero, one, or two times. If included once, it sets both {{cssxref("background-origin")}} and {{cssxref("background-clip")}}. If it is included twice, the first occurrence sets {{cssxref("background-origin")}}, and the second sets {{cssxref("background-clip")}}.
- The `<background-color>` value may only be included in the last layer specified.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/box-flex/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ browser-compat: css.properties.box-flex
{{CSSRef}}{{Non-standard_Header}}{{Deprecated_Header}}

> [!WARNING]
> This is a property for controlling parts of the XUL box model. It does not match either the old CSS flexible box layout Module drafts for '`box-flex`' (which were based on this property) or the behavior of '`-webkit-box-flex`' (which is based on those drafts). See [flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) for information about the current standard.
> This is a property for controlling parts of the XUL box model. It does not match either the old CSS flexible box layout Module drafts for `box-flex` (which were based on this property) or the behavior of `-webkit-box-flex` (which is based on those drafts). See [flexbox](/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox) for information about the current standard.
The **`-moz-box-flex`** and **`-webkit-box-flex`** [CSS](/en-US/docs/Web/CSS) properties specify how a `-moz-box` or `-webkit-box` grows to fill the box that contains it, in the direction of the containing box's layout.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ Using this method we do not need to specify anything at all on the individual gr

## Leaving a grid cell empty

We have completely filled our grid with areas in this example, leaving no white space. However you can leave grid cells empty with this method of layout. To leave a cell empty use the full stop character, '`.`'. If I want to only display the footer directly under the main content I would need to leave the three cells underneath the sidebar empty.
We have completely filled our grid with areas in this example, leaving no white space. However you can leave grid cells empty with this method of layout. To leave a cell empty use the full stop character, `.`. If I want to only display the footer directly under the main content I would need to leave the three cells underneath the sidebar empty.

```css
.header {
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/css_types/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ selector {
}
```

In formal CSS syntax, data types are denoted by a keyword placed between the inequality signs "`<`" and "`>`".
In formal CSS syntax, data types are denoted by a keyword placed between the angle brackets `<` and `>`.

## Textual data types

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/cursor/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ Each `<url>` may be optionally followed by a pair of space-separated numbers, wh
- : Optional x- and y-coordinates indicating the cursor hotspot; the precise position within the cursor that is being pointed to.

The numbers are in units of image pixels.
They are relative to the top left corner of the image, which corresponds to "`0 0`", and are clamped within the boundaries of the cursor image.
They are relative to the top left corner of the image, which corresponds to `0 0`, and are clamped within the boundaries of the cursor image.
If these values are not specified, they may be read from the file itself, and will otherwise default to the top-left corner of the image.

- `keyword`
Expand Down
6 changes: 3 additions & 3 deletions files/en-us/web/css/font/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,10 +63,10 @@ If `font` is specified as a shorthand for several font-related properties, then:
- {{cssxref("&lt;font-stretch&gt;")}}
- {{cssxref("&lt;line-height&gt;")}}

- `font-style`, `font-variant` and `font-weight` must precede `font-size`
- `font-variant` may only specify the values defined in CSS 2.1, that is `normal` and `small-caps`
- `font-style`, `font-variant` and `font-weight` must precede `font-size`.
- `font-variant` may only specify the values defined in CSS 2.1, that is `normal` and `small-caps`.
- `font-stretch` may only be a single keyword value.
- `line-height` must immediately follow `font-size`, preceded by "/", like this: "`16px/3`"
- `line-height` must immediately follow `font-size`, preceded by "/", like this: `16px/3`.
- `font-family` must be the last value specified.

### Values
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/grid-area/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ grid-area: unset;
- : Is a keyword indicating that the property contributes nothing to the grid item's placement, indicating auto-placement or a default span of `1`.
- `<custom-ident>`

- : If there is a named line with the name '`<custom-ident>-start`'/'`<custom-ident>-end`', it contributes the first such line to the grid item's placement.
- : If there is a named line with the name `<custom-ident>-start` or `<custom-ident>-end`, it contributes the first such line to the grid item's placement.

> [!NOTE]
> Named grid areas automatically generate implicit named lines of this form, so specifying `grid-area: foo;` will choose the start/end edge of that named grid area (unless another line named `foo-start`/`foo-end` was explicitly specified before it).
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/hyphenate-character/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ The value either sets the string to use instead of a hyphen, or indicates that t
## Examples

This example shows two identical blocks of text that have {{cssxref("hyphens")}} set to ensure that they break wherever needed, and on soft hyphen breaks (created using `&shy;`).
The first block has the value of the hyphen changed to the equals symbol ("`=`").
The first block has the value of the hyphen changed to the equals symbol (`=`).
The second block has no hyphenate-character set, which is equivalent to `hyphenate-character: auto` for user agents that support this property.

### HTML
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/rotate/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ rotate: unset;
- angle value
- : An {{CSSxRef("&lt;angle&gt;")}} specifying the angle to rotate the affected element through, around the Z axis. Equivalent to a `rotate()` (2D rotation) function.
- x, y, or z axis name plus angle value
- : The name of the axis you want to rotate the affected element around (`"x"`, "`y`", or "`z"`), plus an {{CSSxRef("&lt;angle&gt;")}} specifying the angle to rotate the element through. Equivalent to a `rotateX()`/`rotateY()`/`rotateZ()` (3D rotation) function.
- : The name of the axis you want to rotate the affected element around (`x`, `y`, or `z`), plus an {{CSSxRef("&lt;angle&gt;")}} specifying the angle to rotate the element through. Equivalent to a `rotateX()`/`rotateY()`/`rotateZ()` (3D rotation) function.
- vector plus angle value
- : Three {{CSSxRef("&lt;number&gt;")}}s representing an origin-centered vector that defines a line around which you want to rotate the element, plus an {{CSSxRef("&lt;angle&gt;")}} specifying the angle to rotate the element through. Equivalent to a `rotate3d()` (3D rotation) function.
- `none`
Expand Down
8 changes: 4 additions & 4 deletions files/en-us/web/css/syntax/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,19 +15,19 @@ The basic goal of the Cascading Stylesheet ([CSS](/en-US/docs/Web/CSS)) language

Setting CSS properties to specific values is the core function of the CSS language. A property and value pair is called a **declaration**, and any CSS engine calculates which declarations apply to every single element of a page in order to appropriately lay it out, and to style it.

Both properties and values are case-insensitive by default in CSS. The pair is separated by a colon, '`:`' (`U+003A COLON`), and white spaces before, between, and after properties and values, but not necessarily inside, are ignored.
Both properties and values are case-insensitive by default in CSS. The pair is separated by a colon, `:` (U+003A COLON), and white spaces before, between, and after properties and values, but not necessarily inside, are ignored.

![css syntax - declaration.png](css_syntax_-_declaration.png)

There are [hundreds of different properties](/en-US/docs/Web/CSS/Reference) in CSS and a practically endless number of different values. Not all pairs of properties and values are allowed and each property defines what are the valid values. When a value is not valid for a given property, the declaration is deemed _invalid_ and is wholly ignored by the CSS engine.

## CSS declaration blocks

Declarations are grouped in **blocks**, that is in a structure delimited by an opening brace, '`{`' (`U+007B LEFT CURLY BRACKET`), and a closing one, '`}`' (`U+007D RIGHT CURLY BRACKET`). Blocks sometimes can be nested, so opening and closing braces must be matched.
Declarations are grouped in **blocks**, that is in a structure delimited by an opening brace, `{` (U+007B LEFT CURLY BRACKET), and a closing one, `}` (U+007D RIGHT CURLY BRACKET). Blocks sometimes can be nested, so opening and closing braces must be matched.

![css syntax - block.png](css_syntax_-_block.png)

Such blocks are naturally called **declaration blocks** and declarations inside them are separated by a semicolon, '`;`' (`U+003B SEMICOLON`). A declaration block may be empty, that is containing null declaration. White spaces around declarations are ignored. The last declaration of a block doesn't need to be terminated by a semicolon, though it is often considered _good style_ to do it as it prevents forgetting to add it when extending the block with another declaration.
Such blocks are naturally called **declaration blocks** and declarations inside them are separated by a semicolon, `;` (U+003B SEMICOLON). A declaration block may be empty, that is containing null declaration. White spaces around declarations are ignored. The last declaration of a block doesn't need to be terminated by a semicolon, though it is often considered _good style_ to do it as it prevents forgetting to add it when extending the block with another declaration.

A CSS declaration block is visualized in the diagram below.

Expand Down Expand Up @@ -64,7 +64,7 @@ A **statement** is a building block that begins with any non-space characters an
There are two kinds of statements:

- **Rulesets** (or _rules_) that, as seen, associate a collection of CSS declarations to a condition described by a [selector](/en-US/docs/Web/CSS/CSS_selectors).
- **At-rules** that start with an at sign, '`@`' (`U+0040 COMMERCIAL AT`), followed by an identifier and then continuing up to the end of the statement, that is up to the next semicolon (;) outside of a block, or the end of the next block. Each type of [at-rules](/en-US/docs/Web/CSS/At-rule), defined by the identifier, may have its own internal syntax, and semantics of course. They are used to convey meta-data information (like {{ cssxref("@layer") }} or {{ cssxref("@import") }}), conditional information (like {{ cssxref("@media") }} or {{ cssxref("@document") }}), or descriptive information (like {{ cssxref("@font-face") }}).
- **At-rules** that start with an at sign, `@` (U+0040 COMMERCIAL AT), followed by an identifier and then continuing up to the end of the statement, that is up to the next semicolon (;) outside of a block, or the end of the next block. Each type of [at-rules](/en-US/docs/Web/CSS/At-rule), defined by the identifier, may have its own internal syntax, and semantics of course. They are used to convey meta-data information (like {{ cssxref("@layer") }} or {{ cssxref("@import") }}), conditional information (like {{ cssxref("@media") }} or {{ cssxref("@document") }}), or descriptive information (like {{ cssxref("@font-face") }}).

Any statement which isn't a ruleset or an at-rule is invalid and ignored.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/text-overflow/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ browser-compat: css.properties.text-overflow

{{CSSRef}}

The **`text-overflow`** [CSS](/en-US/docs/Web/CSS) property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis ('``'), or display a custom string.
The **`text-overflow`** [CSS](/en-US/docs/Web/CSS) property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis (``), or display a custom string.

{{EmbedInteractiveExample("pages/css/text-overflow.html")}}

Expand Down
8 changes: 4 additions & 4 deletions files/en-us/web/css/value_definition_syntax/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,19 +25,19 @@ All CSS properties accept the keywords `inherit`, `initial`, and `unset`. They a

### Literals

In CSS, a few characters can appear on their own, like the slash ('`/`') or the comma ('`,`'), and are used in a property definition to separate its parts. The comma is often used to separate values in enumerations, or parameters in mathematical-like functions; the slash often separates parts of the value that are semantically different, but have a common syntax. Typically, the slash is used in shorthand properties; to separate components of the same type, but belong to different properties.
In CSS, a few characters can appear on their own, like the slash (`/`) or the comma (`,`), and are used in a property definition to separate its parts. The comma is often used to separate values in enumerations, or parameters in mathematical-like functions; the slash often separates parts of the value that are semantically different, but have a common syntax. Typically, the slash is used in shorthand properties; to separate components of the same type, but belong to different properties.

Both symbols appear literally in a value definition.

### Data types

#### Basic data types

Some data types are used throughout CSS and are defined once for all values in the specification. Called _basic data types_, they are represented with their name surrounded by the symbol '`<`' and '`>`': {{CSSxRef("&lt;angle&gt;")}}, {{CSSxRef("&lt;string&gt;")}}, …
Some data types are used throughout CSS and are defined once for all values in the specification. Called _basic data types_, they are represented with their name surrounded by the symbols `<` and `>`: {{CSSxRef("&lt;angle&gt;")}}, {{CSSxRef("&lt;string&gt;")}}, …

#### Non-terminal data types

Less common data types, called _non-terminal data types_, are also surrounded by '`<`' and '`>`'.
Less common data types, called _non-terminal data types_, are also surrounded by `<` and `>`.

Non-terminal data types are of two kinds:

Expand Down Expand Up @@ -414,7 +414,7 @@ Here are some more examples:
<td>Hash mark</td>
<td>
1 or more times, with each occurrence separated by a comma
('<code>,</code>')
(<code>,</code>)
</td>
<td><code>bold smaller#</code></td>
</tr>
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/html/attributes/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -1408,7 +1408,7 @@ HTML defines restrictions on the allowed values of boolean attributes: If the at
</div>
```

To be clear, the values "`true`" and "`false`" are not allowed on boolean attributes. To represent a false value, the attribute has to be omitted altogether. This restriction clears up some common misunderstandings: With `checked="false"` for example, the element's `checked` attribute would be interpreted as **true** because the attribute is present.
To be clear, the values `"true"` and `"false"` are not allowed on boolean attributes. To represent a false value, the attribute has to be omitted altogether. This restriction clears up some common misunderstandings: With `checked="false"` for example, the element's `checked` attribute would be interpreted as **true** because the attribute is present.

## Event handler attributes

Expand Down
Loading

0 comments on commit 5bd9fe2

Please sign in to comment.