gitadmin/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-28 18:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(curriculum): fix definition of custom property (#65533)

Browse Source
This commit is contained in:
Gary Yeung
2026-01-29 02:30:35 +08:00
committed by GitHub
parent a86be68b2b
commit 7012e8cd35
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
curriculum/challenges/english/blocks/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md
+2 -2
View File
@@ -21,9 +21,9 @@ The basic syntax of the `@property` rule is as follows:
}
```
The `--property-name` is the name of the custom property you're defining. Like all custom properties, it must start with two dashes. `--property-name` can be things like `<color>`, `<length>`, `<number>`, `<percentage>`, or more complex types.
The `--property-name` is the name of the custom property you're defining. Like all custom properties, it must start with two dashes.
`syntax` defines the type of the property.
`syntax` defines the type of the property, which can be things like `<color>`, `<length>`, `<number>`, `<percentage>`, or more complex types.
`inherits` specifies whether the property should inherit its value from its parent element.
curriculum/challenges/english/blocks/review-css-variables/671a98fbaabfba994e3d9a7c.md
+2 -2
View File
@@ -40,8 +40,8 @@ body {
}
```
- **`--property-name`**: This is the name of the custom property you're defining. Like all custom properties, it must start with two dashes. `--property-name` can be things like `<color>`, `<length>`, `<number>`, `<percentage>`, or more complex types.
- **`syntax`**: This defines the type of the property.
- **`--property-name`**: This is the name of the custom property you're defining. Like all custom properties, it must start with two dashes.
**`syntax`**: This defines the type of the property, which can be things like `<color>`, `<length>`, `<number>`, `<percentage>`, or more complex types.
- **`inherits`**: This specifies whether the property should inherit its value from its parent element.
- **`initial-value`**: This sets the default value of the property.
- **Gradient Example Using the `@property` Rule**: This example creates a gradient that smoothly animates when the element is hovered over.
curriculum/challenges/english/blocks/review-css/671a9a0a140c2b9d6a75629f.md
+2 -2
View File
@@ -526,8 +526,8 @@ Using placeholder text is not great for accessibility. Too often, users confuse
}
```
- **`--property-name`**: This is the name of the custom property you're defining. Like all custom properties, it must start with two dashes. `--property-name` can be things like `<color>`, `<length>`, `<number>`, `<percentage>`, or more complex types.
- **`syntax`**: This defines the type of the property.
- **`--property-name`**: This is the name of the custom property you're defining. Like all custom properties, it must start with two dashes.
**`syntax`**: This defines the type of the property, which can be things like `<color>`, `<length>`, `<number>`, `<percentage>`, or more complex types.
- **`inherits`**: This specifies whether the property should inherit its value from its parent element.
- **`initial-value`**: This sets the default value of the property.
- **Fallbacks**: When using the custom property, you can provide a fallback value using the `var()` function, just as you would with standard custom properties.