amis 2.3.1 → 2.3.2-beta.1
Sign up to get free protection for your applications and to get access to all the features.
- package/esm/_virtual/MiniDecimal.js +1 -1
- package/esm/_virtual/classCallCheck.js +1 -1
- package/esm/_virtual/createClass.js +1 -1
- package/esm/_virtual/interopRequireDefault.js +1 -1
- package/esm/_virtual/numberUtil.js +1 -1
- package/esm/_virtual/supportUtil.js +1 -1
- package/esm/compat.js +1 -1
- package/esm/index.js +1 -1
- package/esm/node_modules/@babel/runtime/helpers/classCallCheck.js +1 -1
- package/esm/node_modules/@babel/runtime/helpers/createClass.js +1 -1
- package/esm/node_modules/@babel/runtime/helpers/interopRequireDefault.js +1 -1
- package/esm/node_modules/rc-input-number/lib/utils/MiniDecimal.js +1 -1
- package/esm/node_modules/rc-input-number/lib/utils/numberUtil.js +1 -1
- package/esm/node_modules/rc-input-number/lib/utils/supportUtil.js +1 -1
- package/esm/preset.js +1 -1
- package/esm/renderers/Action.js +1 -1
- package/esm/renderers/Alert.js +1 -1
- package/esm/renderers/AnchorNav.js +1 -1
- package/esm/renderers/App.js +1 -1
- package/esm/renderers/Audio.js +1 -1
- package/esm/renderers/Avatar.js +1 -1
- package/esm/renderers/BarCode.js +1 -1
- package/esm/renderers/Breadcrumb.js +1 -1
- package/esm/renderers/ButtonGroup.js +1 -1
- package/esm/renderers/CRUD.js +1 -1
- package/esm/renderers/CRUD2.js +1 -1
- package/esm/renderers/Calendar.js +1 -1
- package/esm/renderers/Card.js +1 -1
- package/esm/renderers/Card2.js +1 -1
- package/esm/renderers/Cards.js +1 -1
- package/esm/renderers/Carousel.js +1 -1
- package/esm/renderers/Chart.js +1 -1
- package/esm/renderers/Code.js +1 -1
- package/esm/renderers/Collapse.js +1 -1
- package/esm/renderers/CollapseGroup.js +1 -1
- package/esm/renderers/Color.js +1 -1
- package/esm/renderers/Container.js +1 -1
- package/esm/renderers/Copyable.js +1 -1
- package/esm/renderers/Custom.js +1 -1
- package/esm/renderers/Date.js +1 -1
- package/esm/renderers/Dialog.js +12 -5
- package/esm/renderers/Divider.js +1 -1
- package/esm/renderers/Drawer.js +1 -1
- package/esm/renderers/DropDownButton.js +7 -9
- package/esm/renderers/Each.js +1 -1
- package/esm/renderers/Flex.js +1 -1
- package/esm/renderers/Form/ButtonGroupSelect.js +1 -1
- package/esm/renderers/Form/ButtonToolbar.js +1 -1
- package/esm/renderers/Form/ChainedSelect.js +6 -10
- package/esm/renderers/Form/ChartRadios.js +1 -1
- package/esm/renderers/Form/Checkbox.js +5 -7
- package/esm/renderers/Form/Checkboxes.js +1 -1
- package/esm/renderers/Form/Combo.js +24 -17
- package/esm/renderers/Form/ConditionBuilder.js +1 -1
- package/esm/renderers/Form/Control.js +1 -1
- package/esm/renderers/Form/DiffEditor.d.ts +3 -6
- package/esm/renderers/Form/DiffEditor.js +61 -23
- package/esm/renderers/Form/Editor.d.ts +3 -9
- package/esm/renderers/Form/Editor.js +65 -23
- package/esm/renderers/Form/FieldSet.js +1 -1
- package/esm/renderers/Form/Formula.js +1 -1
- package/esm/renderers/Form/Group.js +1 -1
- package/esm/renderers/Form/Hidden.js +1 -1
- package/esm/renderers/Form/IconPicker.js +1 -1
- package/esm/renderers/Form/IconPickerIcons.js +1 -1
- package/esm/renderers/Form/InputArray.js +1 -1
- package/esm/renderers/Form/InputCity.js +5 -7
- package/esm/renderers/Form/InputColor.js +1 -1
- package/esm/renderers/Form/InputDate.js +8 -8
- package/esm/renderers/Form/InputDateRange.js +7 -9
- package/esm/renderers/Form/InputExcel.js +6 -8
- package/esm/renderers/Form/InputFile.js +12 -11
- package/esm/renderers/Form/InputFormula.js +1 -1
- package/esm/renderers/Form/InputGroup.js +1 -1
- package/esm/renderers/Form/InputImage.js +13 -10
- package/esm/renderers/Form/InputMonthRange.js +1 -1
- package/esm/renderers/Form/InputNumber.js +8 -12
- package/esm/renderers/Form/InputQuarterRange.js +1 -1
- package/esm/renderers/Form/InputRange.d.ts +2 -2
- package/esm/renderers/Form/InputRange.js +46 -22
- package/esm/renderers/Form/InputRating.js +5 -7
- package/esm/renderers/Form/InputRepeat.js +1 -1
- package/esm/renderers/Form/InputRichText.js +1 -1
- package/esm/renderers/Form/InputSubForm.js +1 -1
- package/esm/renderers/Form/InputTable.js +1 -1
- package/esm/renderers/Form/InputTag.js +6 -6
- package/esm/renderers/Form/InputText.d.ts +3 -3
- package/esm/renderers/Form/InputText.js +88 -53
- package/esm/renderers/Form/InputTree.js +5 -7
- package/esm/renderers/Form/InputYearRange.js +1 -1
- package/esm/renderers/Form/JSONSchema.js +1 -1
- package/esm/renderers/Form/JSONSchemaEditor.js +1 -1
- package/esm/renderers/Form/ListSelect.js +1 -1
- package/esm/renderers/Form/LocationPicker.js +1 -1
- package/esm/renderers/Form/MatrixCheckboxes.js +5 -7
- package/esm/renderers/Form/NestedSelect.js +8 -8
- package/esm/renderers/Form/Picker.d.ts +1 -1
- package/esm/renderers/Form/Picker.js +11 -10
- package/esm/renderers/Form/Radios.js +8 -7
- package/esm/renderers/Form/Select.js +13 -11
- package/esm/renderers/Form/Static.js +1 -1
- package/esm/renderers/Form/Switch.js +5 -7
- package/esm/renderers/Form/TabsTransfer.js +6 -5
- package/esm/renderers/Form/TabsTransferPicker.js +4 -4
- package/esm/renderers/Form/Textarea.js +43 -18
- package/esm/renderers/Form/Transfer.js +7 -6
- package/esm/renderers/Form/TransferPicker.js +4 -4
- package/esm/renderers/Form/TreeSelect.d.ts +1 -0
- package/esm/renderers/Form/TreeSelect.js +12 -17
- package/esm/renderers/Form/UUID.js +1 -1
- package/esm/renderers/Form/UserSelect.js +8 -7
- package/esm/renderers/Grid.js +1 -1
- package/esm/renderers/Grid2D.js +1 -1
- package/esm/renderers/GridNav.js +1 -1
- package/esm/renderers/HBox.js +1 -1
- package/esm/renderers/IFrame.js +1 -1
- package/esm/renderers/Icon.js +1 -1
- package/esm/renderers/Image.d.ts +8 -1
- package/esm/renderers/Image.js +47 -7
- package/esm/renderers/Images.js +1 -1
- package/esm/renderers/Json.js +1 -1
- package/esm/renderers/Link.js +1 -1
- package/esm/renderers/List.js +1 -1
- package/esm/renderers/Log.js +1 -1
- package/esm/renderers/Mapping.js +1 -1
- package/esm/renderers/Markdown.js +1 -1
- package/esm/renderers/Nav.js +1 -1
- package/esm/renderers/Operation.js +1 -1
- package/esm/renderers/Page.js +1 -1
- package/esm/renderers/Pagination.js +1 -1
- package/esm/renderers/PaginationWrapper.js +1 -1
- package/esm/renderers/Panel.js +1 -1
- package/esm/renderers/Plain.js +1 -1
- package/esm/renderers/PopOver.js +1 -1
- package/esm/renderers/Portlet.js +1 -1
- package/esm/renderers/Progress.js +1 -1
- package/esm/renderers/Property.js +1 -1
- package/esm/renderers/QRCode.js +1 -1
- package/esm/renderers/QuickEdit.js +1 -1
- package/esm/renderers/Remark.js +1 -1
- package/esm/renderers/SearchBox.js +1 -1
- package/esm/renderers/Service.js +1 -1
- package/esm/renderers/SparkLine.js +1 -1
- package/esm/renderers/Spinner.js +1 -1
- package/esm/renderers/Status.js +1 -1
- package/esm/renderers/Steps.js +1 -1
- package/esm/renderers/Table/ColumnToggler.js +1 -1
- package/esm/renderers/Table/HeadCellFilterDropdown.js +1 -1
- package/esm/renderers/Table/HeadCellSearchDropdown.js +1 -1
- package/esm/renderers/Table/ItemActionsWrapper.js +1 -1
- package/esm/renderers/Table/TableBody.js +1 -1
- package/esm/renderers/Table/TableCell.js +1 -1
- package/esm/renderers/Table/TableContent.js +1 -1
- package/esm/renderers/Table/TableRow.js +1 -1
- package/esm/renderers/Table/exportExcel.js +1 -1
- package/esm/renderers/Table/index.js +4 -2
- package/esm/renderers/Table-v2/ColumnToggler.js +1 -1
- package/esm/renderers/Table-v2/HeadCellSearchDropdown.js +1 -1
- package/esm/renderers/Table-v2/TableCell.js +1 -1
- package/esm/renderers/Table-v2/index.js +1 -1
- package/esm/renderers/Table2/ColumnToggler.js +1 -1
- package/esm/renderers/Table2/HeadCellSearchDropdown.js +1 -1
- package/esm/renderers/Table2/TableCell.js +1 -1
- package/esm/renderers/Table2/index.js +1 -1
- package/esm/renderers/TableView.js +1 -1
- package/esm/renderers/Tabs.js +6 -6
- package/esm/renderers/Tag.js +1 -1
- package/esm/renderers/Tasks.js +1 -1
- package/esm/renderers/Timeline.js +1 -1
- package/esm/renderers/TooltipWrapper.js +1 -1
- package/esm/renderers/Tpl.js +1 -1
- package/esm/renderers/VBox.js +1 -1
- package/esm/renderers/Video.js +1 -1
- package/esm/renderers/WebComponent.js +1 -1
- package/esm/renderers/Wizard.js +1 -1
- package/esm/renderers/Wrapper.js +1 -1
- package/esm/schemaExtend.js +1 -1
- package/lib/_virtual/MiniDecimal.js +1 -1
- package/lib/_virtual/classCallCheck.js +1 -1
- package/lib/_virtual/createClass.js +1 -1
- package/lib/_virtual/interopRequireDefault.js +1 -1
- package/lib/_virtual/numberUtil.js +1 -1
- package/lib/_virtual/supportUtil.js +1 -1
- package/lib/compat.js +1 -1
- package/lib/index.js +1 -1
- package/lib/node_modules/@babel/runtime/helpers/classCallCheck.js +1 -1
- package/lib/node_modules/@babel/runtime/helpers/createClass.js +1 -1
- package/lib/node_modules/@babel/runtime/helpers/interopRequireDefault.js +1 -1
- package/lib/node_modules/rc-input-number/lib/utils/MiniDecimal.js +1 -1
- package/lib/node_modules/rc-input-number/lib/utils/numberUtil.js +1 -1
- package/lib/node_modules/rc-input-number/lib/utils/supportUtil.js +1 -1
- package/lib/preset.js +1 -1
- package/lib/renderers/Action.js +1 -1
- package/lib/renderers/Alert.js +1 -1
- package/lib/renderers/AnchorNav.js +1 -1
- package/lib/renderers/App.js +1 -1
- package/lib/renderers/Audio.js +1 -1
- package/lib/renderers/Avatar.js +1 -1
- package/lib/renderers/BarCode.js +1 -1
- package/lib/renderers/Breadcrumb.js +1 -1
- package/lib/renderers/ButtonGroup.js +1 -1
- package/lib/renderers/CRUD.js +1 -1
- package/lib/renderers/CRUD2.js +1 -1
- package/lib/renderers/Calendar.js +1 -1
- package/lib/renderers/Card.js +1 -1
- package/lib/renderers/Card2.js +1 -1
- package/lib/renderers/Cards.js +1 -1
- package/lib/renderers/Carousel.js +1 -1
- package/lib/renderers/Chart.js +1 -1
- package/lib/renderers/Code.js +1 -1
- package/lib/renderers/Collapse.js +1 -1
- package/lib/renderers/CollapseGroup.js +1 -1
- package/lib/renderers/Color.js +1 -1
- package/lib/renderers/Container.js +1 -1
- package/lib/renderers/Copyable.js +1 -1
- package/lib/renderers/Custom.js +1 -1
- package/lib/renderers/Date.js +1 -1
- package/lib/renderers/Dialog.js +12 -5
- package/lib/renderers/Divider.js +1 -1
- package/lib/renderers/Drawer.js +1 -1
- package/lib/renderers/DropDownButton.js +7 -9
- package/lib/renderers/Each.js +1 -1
- package/lib/renderers/Flex.js +1 -1
- package/lib/renderers/Form/ButtonGroupSelect.js +1 -1
- package/lib/renderers/Form/ButtonToolbar.js +1 -1
- package/lib/renderers/Form/ChainedSelect.js +5 -9
- package/lib/renderers/Form/ChartRadios.js +1 -1
- package/lib/renderers/Form/Checkbox.js +4 -6
- package/lib/renderers/Form/Checkboxes.js +1 -1
- package/lib/renderers/Form/Combo.js +23 -16
- package/lib/renderers/Form/ConditionBuilder.js +1 -1
- package/lib/renderers/Form/Control.js +1 -1
- package/lib/renderers/Form/DiffEditor.d.ts +3 -6
- package/lib/renderers/Form/DiffEditor.js +59 -21
- package/lib/renderers/Form/Editor.d.ts +3 -9
- package/lib/renderers/Form/Editor.js +63 -21
- package/lib/renderers/Form/FieldSet.js +1 -1
- package/lib/renderers/Form/Formula.js +1 -1
- package/lib/renderers/Form/Group.js +1 -1
- package/lib/renderers/Form/Hidden.js +1 -1
- package/lib/renderers/Form/IconPicker.js +1 -1
- package/lib/renderers/Form/IconPickerIcons.js +1 -1
- package/lib/renderers/Form/InputArray.js +1 -1
- package/lib/renderers/Form/InputCity.js +4 -6
- package/lib/renderers/Form/InputColor.d.ts +40 -40
- package/lib/renderers/Form/InputColor.js +1 -1
- package/lib/renderers/Form/InputDate.js +7 -7
- package/lib/renderers/Form/InputDateRange.js +6 -8
- package/lib/renderers/Form/InputExcel.js +5 -7
- package/lib/renderers/Form/InputFile.js +11 -10
- package/lib/renderers/Form/InputFormula.js +1 -1
- package/lib/renderers/Form/InputGroup.js +1 -1
- package/lib/renderers/Form/InputImage.js +12 -9
- package/lib/renderers/Form/InputMonthRange.js +1 -1
- package/lib/renderers/Form/InputNumber.js +7 -11
- package/lib/renderers/Form/InputQuarterRange.js +1 -1
- package/lib/renderers/Form/InputRange.d.ts +2 -2
- package/lib/renderers/Form/InputRange.js +45 -21
- package/lib/renderers/Form/InputRating.js +4 -6
- package/lib/renderers/Form/InputRepeat.js +1 -1
- package/lib/renderers/Form/InputRichText.js +1 -1
- package/lib/renderers/Form/InputSubForm.js +1 -1
- package/lib/renderers/Form/InputTable.js +1 -1
- package/lib/renderers/Form/InputTag.js +5 -5
- package/lib/renderers/Form/InputText.d.ts +3 -3
- package/lib/renderers/Form/InputText.js +87 -52
- package/lib/renderers/Form/InputTree.js +4 -6
- package/lib/renderers/Form/InputYearRange.js +1 -1
- package/lib/renderers/Form/JSONSchema.js +1 -1
- package/lib/renderers/Form/JSONSchemaEditor.js +1 -1
- package/lib/renderers/Form/ListSelect.js +1 -1
- package/lib/renderers/Form/LocationPicker.js +1 -1
- package/lib/renderers/Form/MatrixCheckboxes.js +4 -6
- package/lib/renderers/Form/NestedSelect.js +7 -7
- package/lib/renderers/Form/Picker.d.ts +1 -1
- package/lib/renderers/Form/Picker.js +10 -9
- package/lib/renderers/Form/Radios.js +7 -6
- package/lib/renderers/Form/Select.js +12 -10
- package/lib/renderers/Form/Static.js +1 -1
- package/lib/renderers/Form/Switch.js +4 -6
- package/lib/renderers/Form/TabsTransfer.js +5 -4
- package/lib/renderers/Form/TabsTransferPicker.js +3 -3
- package/lib/renderers/Form/Textarea.js +41 -16
- package/lib/renderers/Form/Transfer.js +6 -5
- package/lib/renderers/Form/TransferPicker.js +3 -3
- package/lib/renderers/Form/TreeSelect.d.ts +1 -0
- package/lib/renderers/Form/TreeSelect.js +11 -16
- package/lib/renderers/Form/UUID.js +1 -1
- package/lib/renderers/Form/UserSelect.js +7 -6
- package/lib/renderers/Grid.js +1 -1
- package/lib/renderers/Grid2D.js +1 -1
- package/lib/renderers/GridNav.js +1 -1
- package/lib/renderers/HBox.js +1 -1
- package/lib/renderers/IFrame.js +1 -1
- package/lib/renderers/Icon.js +1 -1
- package/lib/renderers/Image.d.ts +8 -1
- package/lib/renderers/Image.js +47 -7
- package/lib/renderers/Images.js +1 -1
- package/lib/renderers/Json.js +1 -1
- package/lib/renderers/Link.js +1 -1
- package/lib/renderers/List.js +1 -1
- package/lib/renderers/Log.js +1 -1
- package/lib/renderers/Mapping.js +1 -1
- package/lib/renderers/Markdown.js +1 -1
- package/lib/renderers/Nav.js +1 -1
- package/lib/renderers/Operation.js +1 -1
- package/lib/renderers/Page.js +1 -1
- package/lib/renderers/Pagination.js +1 -1
- package/lib/renderers/PaginationWrapper.js +1 -1
- package/lib/renderers/Panel.js +1 -1
- package/lib/renderers/Plain.js +1 -1
- package/lib/renderers/PopOver.js +1 -1
- package/lib/renderers/Portlet.js +1 -1
- package/lib/renderers/Progress.js +1 -1
- package/lib/renderers/Property.js +1 -1
- package/lib/renderers/QRCode.js +1 -1
- package/lib/renderers/QuickEdit.js +1 -1
- package/lib/renderers/Remark.js +1 -1
- package/lib/renderers/SearchBox.js +1 -1
- package/lib/renderers/Service.js +1 -1
- package/lib/renderers/SparkLine.js +1 -1
- package/lib/renderers/Spinner.js +1 -1
- package/lib/renderers/Status.js +1 -1
- package/lib/renderers/Steps.js +1 -1
- package/lib/renderers/Table/ColumnToggler.js +1 -1
- package/lib/renderers/Table/HeadCellFilterDropdown.js +1 -1
- package/lib/renderers/Table/HeadCellSearchDropdown.js +1 -1
- package/lib/renderers/Table/ItemActionsWrapper.js +1 -1
- package/lib/renderers/Table/TableBody.js +1 -1
- package/lib/renderers/Table/TableCell.js +1 -1
- package/lib/renderers/Table/TableContent.js +1 -1
- package/lib/renderers/Table/TableRow.js +1 -1
- package/lib/renderers/Table/exportExcel.js +1 -1
- package/lib/renderers/Table/index.js +4 -2
- package/lib/renderers/Table2/ColumnToggler.js +1 -1
- package/lib/renderers/Table2/HeadCellSearchDropdown.js +1 -1
- package/lib/renderers/Table2/TableCell.js +1 -1
- package/lib/renderers/Table2/index.js +1 -1
- package/lib/renderers/TableView.js +1 -1
- package/lib/renderers/Tabs.js +5 -5
- package/lib/renderers/Tag.js +1 -1
- package/lib/renderers/Tasks.js +1 -1
- package/lib/renderers/Timeline.js +1 -1
- package/lib/renderers/TooltipWrapper.js +1 -1
- package/lib/renderers/Tpl.js +1 -1
- package/lib/renderers/VBox.js +1 -1
- package/lib/renderers/Video.js +1 -1
- package/lib/renderers/WebComponent.js +1 -1
- package/lib/renderers/Wizard.js +1 -1
- package/lib/renderers/Wrapper.js +1 -1
- package/lib/schemaExtend.js +1 -1
- package/lib/themes/ang-ie11.css +13 -47
- package/lib/themes/ang.css +7 -41
- package/lib/themes/antd-ie11.css +13 -47
- package/lib/themes/antd.css +7 -41
- package/lib/themes/cxd-ie11.css +14 -48
- package/lib/themes/cxd.css +7 -41
- package/lib/themes/dark-ie11.css +13 -47
- package/lib/themes/dark.css +7 -41
- package/lib/themes/default-ie11.css +14 -48
- package/lib/themes/default.css +7 -41
- package/package.json +12 -4
- package/schema.json +323 -360
- package/sdk/ang-ie11.css +4841 -5079
- package/sdk/ang.css +4890 -5131
- package/sdk/antd-ie11.css +4841 -5079
- package/sdk/antd.css +4890 -5131
- package/sdk/barcode.js +50 -50
- package/sdk/charts.js +30 -13
- package/sdk/codemirror.js +7 -7
- package/sdk/color-picker.js +65 -65
- package/sdk/cropperjs.js +2 -2
- package/sdk/cxd-ie11.css +4844 -5082
- package/sdk/cxd.css +4890 -5131
- package/sdk/dark-ie11.css +4841 -5079
- package/sdk/dark.css +4890 -5131
- package/sdk/exceljs.js +1 -1
- package/sdk/markdown.js +68 -68
- package/sdk/papaparse.js +1 -1
- package/sdk/rest.js +17 -17
- package/sdk/rich-text.js +62 -62
- package/sdk/sdk-ie11.css +4844 -5082
- package/sdk/sdk.css +4890 -5131
- package/sdk/sdk.js +1418 -1451
- package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-brands-400.ttf +0 -0
- package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff2 +0 -0
- package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-regular-400.ttf +0 -0
- package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff2 +0 -0
- package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-solid-900.ttf +0 -0
- package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff2 +0 -0
- package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-v4compatibility.ttf +0 -0
- package/sdk/thirds/@fortawesome/fontawesome-free/webfonts/fa-v4compatibility.woff2 +0 -0
- package/sdk/thirds/hls.js/hls.js +1 -1
- package/sdk/thirds/mpegts.js/mpegts.js +1 -1
- package/sdk/tinymce.js +52 -52
- package/revision.json +0 -7
package/schema.json
CHANGED
@@ -19470,7 +19470,7 @@
|
|
19470
19470
|
},
|
19471
19471
|
"clipPath": {
|
19472
19472
|
"$ref": "#/definitions/Property.ClipPath",
|
19473
|
-
"description": "The **`clip-path`** CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.\n\n**Syntax**: `<clip-source> | [ <basic-shape> || <geometry-box> ] | none`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **55** | **3.5** | **9.1** | **
|
19473
|
+
"description": "The **`clip-path`** CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.\n\n**Syntax**: `<clip-source> | [ <basic-shape> || <geometry-box> ] | none`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **55** | **3.5** | **9.1** | **12** | **10** | | 23 _-x-_ | | 7 _-x-_ | | |"
|
19474
19474
|
},
|
19475
19475
|
"clipRule": {
|
19476
19476
|
"$ref": "#/definitions/Property.ClipRule"
|
@@ -19533,7 +19533,7 @@
|
|
19533
19533
|
},
|
19534
19534
|
"fontSizeAdjust": {
|
19535
19535
|
"$ref": "#/definitions/Property.FontSizeAdjust",
|
19536
|
-
"description": "The **`font-size-adjust`** CSS property sets the size of lower-case letters relative to the current font size (which defines the size of upper-case letters).\n\n**Syntax**: `none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | |
|
19536
|
+
"description": "The **`font-size-adjust`** CSS property sets the size of lower-case letters relative to the current font size (which defines the size of upper-case letters).\n\n**Syntax**: `none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number> ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | n/a | **1** | No | n/a | No |"
|
19537
19537
|
},
|
19538
19538
|
"fontStretch": {
|
19539
19539
|
"$ref": "#/definitions/Property.FontStretch",
|
@@ -19556,7 +19556,7 @@
|
|
19556
19556
|
},
|
19557
19557
|
"imageRendering": {
|
19558
19558
|
"$ref": "#/definitions/Property.ImageRendering",
|
19559
|
-
"description": "The **`image-rendering`** CSS property sets an image scaling algorithm. The property applies to an element itself, to any images set in its other properties, and to its descendants.\n\n**Syntax**: `auto | crisp-edges | pixelated`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
19559
|
+
"description": "The **`image-rendering`** CSS property sets an image scaling algorithm. The property applies to an element itself, to any images set in its other properties, and to its descendants.\n\n**Syntax**: `auto | crisp-edges | pixelated`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **13** | **3.6** | **6** | **79** | No |"
|
19560
19560
|
},
|
19561
19561
|
"letterSpacing": {
|
19562
19562
|
"$ref": "#/definitions/Property.LetterSpacing%3C(string%7Cnumber)%3E",
|
@@ -19643,7 +19643,7 @@
|
|
19643
19643
|
},
|
19644
19644
|
"textRendering": {
|
19645
19645
|
"$ref": "#/definitions/Property.TextRendering",
|
19646
|
-
"description": "The **`text-rendering`** CSS property provides information to the rendering engine about what to optimize for when rendering text.\n\n**Syntax**: `auto | optimizeSpeed | optimizeLegibility | geometricPrecision`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
19646
|
+
"description": "The **`text-rendering`** CSS property provides information to the rendering engine about what to optimize for when rendering text.\n\n**Syntax**: `auto | optimizeSpeed | optimizeLegibility | geometricPrecision`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **4** | **1** | **5** | **79** | No |"
|
19647
19647
|
},
|
19648
19648
|
"unicodeBidi": {
|
19649
19649
|
"$ref": "#/definitions/Property.UnicodeBidi",
|
@@ -19768,6 +19768,10 @@
|
|
19768
19768
|
"$ref": "#/definitions/Property.ScrollSnapTypeY",
|
19769
19769
|
"description": "The **`scroll-snap-type-y`** CSS property defines how strictly snap points are enforced on the vertical axis of the scroll container in case there is one.\n\n**Syntax**: `none | mandatory | proximity`\n\n**Initial value**: `none`"
|
19770
19770
|
},
|
19771
|
+
"scrollbarTrackColor": {
|
19772
|
+
"$ref": "#/definitions/Property.MsScrollbarTrackColor",
|
19773
|
+
"description": "The **`-ms-scrollbar-track-color`** CSS property is a Microsoft extension that specifies the color of the track element of a scrollbar.\n\n**Syntax**: `<color>`\n\n**Initial value**: `Scrollbar`"
|
19774
|
+
},
|
19771
19775
|
"KhtmlBoxAlign": {
|
19772
19776
|
"$ref": "#/definitions/Property.BoxAlign",
|
19773
19777
|
"description": "The **`box-align`** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.\n\n**Syntax**: `start | center | end | baseline | stretch`\n\n**Initial value**: `stretch`"
|
@@ -19952,6 +19956,10 @@
|
|
19952
19956
|
"$ref": "#/definitions/Property.ImeMode",
|
19953
19957
|
"description": "The **`ime-mode`** CSS property controls the state of the input method editor (IME) for text fields. This property is obsolete.\n\n**Syntax**: `auto | normal | active | inactive | disabled`\n\n**Initial value**: `auto`"
|
19954
19958
|
},
|
19959
|
+
"msScrollbarTrackColor": {
|
19960
|
+
"$ref": "#/definitions/Property.MsScrollbarTrackColor",
|
19961
|
+
"description": "The **`-ms-scrollbar-track-color`** CSS property is a Microsoft extension that specifies the color of the track element of a scrollbar.\n\n**Syntax**: `<color>`\n\n**Initial value**: `Scrollbar`"
|
19962
|
+
},
|
19955
19963
|
"OAnimation": {
|
19956
19964
|
"$ref": "#/definitions/Property.Animation%3Cstring%3E",
|
19957
19965
|
"description": "The **`animation`** shorthand CSS property applies an animation between styles. It is a shorthand for `animation-name`, `animation-duration`, `animation-timing-function`, `animation-delay`, `animation-iteration-count`, `animation-direction`, `animation-fill-mode`, and `animation-play-state`.\n\n**Syntax**: `<single-animation>#`"
|
@@ -20268,6 +20276,10 @@
|
|
20268
20276
|
"$ref": "#/definitions/Property.ColumnFill",
|
20269
20277
|
"description": "The **`column-fill`** CSS property controls how an element's contents are balanced when broken into columns.\n\n**Syntax**: `auto | balance | balance-all`\n\n**Initial value**: `balance`"
|
20270
20278
|
},
|
20279
|
+
"MozColumnGap": {
|
20280
|
+
"$ref": "#/definitions/Property.ColumnGap%3C(string%7Cnumber)%3E",
|
20281
|
+
"description": "The **`column-gap`** CSS property sets the size of the gap (gutter) between an element's columns.\n\n**Syntax**: `normal | <length-percentage>`\n\n**Initial value**: `normal`"
|
20282
|
+
},
|
20271
20283
|
"MozColumnRuleColor": {
|
20272
20284
|
"$ref": "#/definitions/Property.ColumnRuleColor",
|
20273
20285
|
"description": "The **`column-rule-color`** CSS property sets the color of the line drawn between columns in a multi-column layout.\n\n**Syntax**: `<color>`\n\n**Initial value**: `currentcolor`"
|
@@ -20400,6 +20412,10 @@
|
|
20400
20412
|
"$ref": "#/definitions/Property.MsAccelerator",
|
20401
20413
|
"description": "The **`-ms-accelerator`** CSS property is a Microsoft extension that sets or retrieves a string indicating whether the object represents a keyboard shortcut.\n\n**Syntax**: `false | true`\n\n**Initial value**: `false`"
|
20402
20414
|
},
|
20415
|
+
"msAlignSelf": {
|
20416
|
+
"$ref": "#/definitions/Property.AlignSelf",
|
20417
|
+
"description": "The **`align-self`** CSS property overrides a grid or flex item's `align-items` value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.\n\n**Syntax**: `auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>`\n\n**Initial value**: `auto`"
|
20418
|
+
},
|
20403
20419
|
"msBlockProgression": {
|
20404
20420
|
"$ref": "#/definitions/Property.MsBlockProgression",
|
20405
20421
|
"description": "The **`-ms-block-progression`** CSS property is a Microsoft extension that specifies the block progression and layout orientation.\n\n**Syntax**: `tb | rl | bt | lr`\n\n**Initial value**: `tb`"
|
@@ -20480,6 +20496,10 @@
|
|
20480
20496
|
"$ref": "#/definitions/Property.MsImeAlign",
|
20481
20497
|
"description": "The **`-ms-ime-align`** CSS property is a Microsoft extension aligning the Input Method Editor (IME) candidate window box relative to the element on which the IME composition is active. The extension is implemented in Microsoft Edge and Internet Explorer 11.\n\n**Syntax**: `auto | after`\n\n**Initial value**: `auto`"
|
20482
20498
|
},
|
20499
|
+
"msJustifySelf": {
|
20500
|
+
"$ref": "#/definitions/Property.JustifySelf",
|
20501
|
+
"description": "The CSS **`justify-self`** property sets the way a box is justified inside its alignment container along the appropriate axis.\n\n**Syntax**: `auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]`\n\n**Initial value**: `auto`"
|
20502
|
+
},
|
20483
20503
|
"msLineBreak": {
|
20484
20504
|
"$ref": "#/definitions/Property.LineBreak",
|
20485
20505
|
"description": "The **`line-break`** CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols.\n\n**Syntax**: `auto | loose | normal | strict | anywhere`\n\n**Initial value**: `auto`"
|
@@ -20568,10 +20588,6 @@
|
|
20568
20588
|
"$ref": "#/definitions/Property.MsScrollbarShadowColor",
|
20569
20589
|
"description": "The **`-ms-scrollbar-shadow-color`** CSS property is a Microsoft extension that specifies the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar.\n\n**Syntax**: `<color>`\n\n**Initial value**: `ThreeDDarkShadow`"
|
20570
20590
|
},
|
20571
|
-
"msScrollbarTrackColor": {
|
20572
|
-
"$ref": "#/definitions/Property.MsScrollbarTrackColor",
|
20573
|
-
"description": "The **`-ms-scrollbar-track-color`** CSS property is a Microsoft extension that specifies the color of the track element of a scrollbar.\n\n**Syntax**: `<color>`\n\n**Initial value**: `Scrollbar`"
|
20574
|
-
},
|
20575
20591
|
"msTextAutospace": {
|
20576
20592
|
"$ref": "#/definitions/Property.MsTextAutospace",
|
20577
20593
|
"description": "The **`-ms-text-autospace`** CSS property is a Microsoft extension that specifies the autospacing and narrow space width adjustment of text.\n\n**Syntax**: `none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space`\n\n**Initial value**: `none`"
|
@@ -20768,6 +20784,10 @@
|
|
20768
20784
|
"$ref": "#/definitions/Property.ColumnFill",
|
20769
20785
|
"description": "The **`column-fill`** CSS property controls how an element's contents are balanced when broken into columns.\n\n**Syntax**: `auto | balance | balance-all`\n\n**Initial value**: `balance`"
|
20770
20786
|
},
|
20787
|
+
"WebkitColumnGap": {
|
20788
|
+
"$ref": "#/definitions/Property.ColumnGap%3C(string%7Cnumber)%3E",
|
20789
|
+
"description": "The **`column-gap`** CSS property sets the size of the gap (gutter) between an element's columns.\n\n**Syntax**: `normal | <length-percentage>`\n\n**Initial value**: `normal`"
|
20790
|
+
},
|
20771
20791
|
"WebkitColumnRuleColor": {
|
20772
20792
|
"$ref": "#/definitions/Property.ColumnRuleColor",
|
20773
20793
|
"description": "The **`column-rule-color`** CSS property sets the color of the line drawn between columns in a multi-column layout.\n\n**Syntax**: `<color>`\n\n**Initial value**: `currentcolor`"
|
@@ -21078,7 +21098,7 @@
|
|
21078
21098
|
},
|
21079
21099
|
"all": {
|
21080
21100
|
"$ref": "#/definitions/Property.All",
|
21081
|
-
"description": "The **`all`** shorthand CSS property resets all of an element's properties except `unicode-bidi`, `direction`, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another stylesheet origin.\n\n**Syntax**: `initial | inherit | unset | revert | revert-layer`\n\n**Initial value**: There is no practical initial value for it.\n\n| Chrome | Firefox | Safari |
|
21101
|
+
"description": "The **`all`** shorthand CSS property resets all of an element's properties except `unicode-bidi`, `direction`, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another stylesheet origin.\n\n**Syntax**: `initial | inherit | unset | revert | revert-layer`\n\n**Initial value**: There is no practical initial value for it.\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **37** | **27** | **9.1** | **79** | No |"
|
21082
21102
|
},
|
21083
21103
|
"animation": {
|
21084
21104
|
"$ref": "#/definitions/Property.Animation%3Cstring%3E",
|
@@ -21098,15 +21118,15 @@
|
|
21098
21118
|
},
|
21099
21119
|
"borderBlock": {
|
21100
21120
|
"$ref": "#/definitions/Property.BorderBlock%3C(string%7Cnumber)%3E",
|
21101
|
-
"description": "The **`border-block`** CSS property is a shorthand property for setting the individual logical block border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox | Safari |
|
21121
|
+
"description": "The **`border-block`** CSS property is a shorthand property for setting the individual logical block border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |"
|
21102
21122
|
},
|
21103
21123
|
"borderBlockEnd": {
|
21104
21124
|
"$ref": "#/definitions/Property.BorderBlockEnd%3C(string%7Cnumber)%3E",
|
21105
|
-
"description": "The **`border-block-end`** CSS property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox | Safari |
|
21125
|
+
"description": "The **`border-block-end`** CSS property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |"
|
21106
21126
|
},
|
21107
21127
|
"borderBlockStart": {
|
21108
21128
|
"$ref": "#/definitions/Property.BorderBlockStart%3C(string%7Cnumber)%3E",
|
21109
|
-
"description": "The **`border-block-start`** CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox | Safari |
|
21129
|
+
"description": "The **`border-block-start`** CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |"
|
21110
21130
|
},
|
21111
21131
|
"borderBottom": {
|
21112
21132
|
"$ref": "#/definitions/Property.BorderBottom%3C(string%7Cnumber)%3E",
|
@@ -21122,15 +21142,15 @@
|
|
21122
21142
|
},
|
21123
21143
|
"borderInline": {
|
21124
21144
|
"$ref": "#/definitions/Property.BorderInline%3C(string%7Cnumber)%3E",
|
21125
|
-
"description": "The **`border-inline`** CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox | Safari |
|
21145
|
+
"description": "The **`border-inline`** CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |"
|
21126
21146
|
},
|
21127
21147
|
"borderInlineEnd": {
|
21128
21148
|
"$ref": "#/definitions/Property.BorderInlineEnd%3C(string%7Cnumber)%3E",
|
21129
|
-
"description": "The **`border-inline-end`** CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox | Safari |
|
21149
|
+
"description": "The **`border-inline-end`** CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |"
|
21130
21150
|
},
|
21131
21151
|
"borderInlineStart": {
|
21132
21152
|
"$ref": "#/definitions/Property.BorderInlineStart%3C(string%7Cnumber)%3E",
|
21133
|
-
"description": "The **`border-inline-start`** CSS property is a shorthand property for setting the individual logical inline-start border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox | Safari |
|
21153
|
+
"description": "The **`border-inline-start`** CSS property is a shorthand property for setting the individual logical inline-start border property values in a single place in the style sheet.\n\n**Syntax**: `<'border-top-width'> || <'border-top-style'> || <color>`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |"
|
21134
21154
|
},
|
21135
21155
|
"borderLeft": {
|
21136
21156
|
"$ref": "#/definitions/Property.BorderLeft%3C(string%7Cnumber)%3E",
|
@@ -21174,7 +21194,7 @@
|
|
21174
21194
|
},
|
21175
21195
|
"gap": {
|
21176
21196
|
"$ref": "#/definitions/Property.Gap%3C(string%7Cnumber)%3E",
|
21177
|
-
"description": "The **`gap`** CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for `row-gap` and `column-gap`.\n\n**Syntax**: `<'row-gap'> <'column-gap'>?`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **
|
21197
|
+
"description": "The **`gap`** CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for `row-gap` and `column-gap`.\n\n**Syntax**: `<'row-gap'> <'column-gap'>?`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **84** | **63** | **14.1** | **84** | No |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :-------------: | :-------------: | :---------------: | :----: | :-: | | **66** | **61** | **12** | **16** | No | | 57 _(grid-gap)_ | 52 _(grid-gap)_ | 10.1 _(grid-gap)_ | | |\n\n---\n\n_Supported in Multi-column Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **66** | **61** | No | **16** | No |\n\n---"
|
21178
21198
|
},
|
21179
21199
|
"grid": {
|
21180
21200
|
"$ref": "#/definitions/Property.Grid",
|
@@ -21210,15 +21230,15 @@
|
|
21210
21230
|
},
|
21211
21231
|
"maskBorder": {
|
21212
21232
|
"$ref": "#/definitions/Property.MaskBorder",
|
21213
|
-
"description": "The **`mask-border`** CSS shorthand property lets you create a mask along the edge of an element's border.\n\n**Syntax**: `<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>`\n\n| Chrome | Firefox | Safari |
|
21233
|
+
"description": "The **`mask-border`** CSS shorthand property lets you create a mask along the edge of an element's border.\n\n**Syntax**: `<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------------------------------: | :-----: | :--------------------------------: | :-------------------------------: | :-: | | **1** _(-webkit-mask-box-image)_ | No | **3.1** _(-webkit-mask-box-image)_ | **79** _(-webkit-mask-box-image)_ | No |"
|
21214
21234
|
},
|
21215
21235
|
"motion": {
|
21216
21236
|
"$ref": "#/definitions/Property.Offset%3C(string%7Cnumber)%3E",
|
21217
|
-
"description": "The **`offset`** CSS shorthand property sets all the properties required for animating an element along a defined path.\n\n**Syntax**: `[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?`\n\n| Chrome | Firefox | Safari |
|
21237
|
+
"description": "The **`offset`** CSS shorthand property sets all the properties required for animating an element along a defined path.\n\n**Syntax**: `[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----------: | :-----: | :----: | :----: | :-: | | **55** | **72** | No | **79** | No | | 46 _(motion)_ | | | | |"
|
21218
21238
|
},
|
21219
21239
|
"offset": {
|
21220
21240
|
"$ref": "#/definitions/Property.Offset%3C(string%7Cnumber)%3E",
|
21221
|
-
"description": "The **`offset`** CSS shorthand property sets all the properties required for animating an element along a defined path.\n\n**Syntax**: `[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?`\n\n| Chrome | Firefox | Safari |
|
21241
|
+
"description": "The **`offset`** CSS shorthand property sets all the properties required for animating an element along a defined path.\n\n**Syntax**: `[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----------: | :-----: | :----: | :----: | :-: | | **55** | **72** | No | **79** | No | | 46 _(motion)_ | | | | |"
|
21222
21242
|
},
|
21223
21243
|
"outline": {
|
21224
21244
|
"$ref": "#/definitions/Property.Outline%3C(string%7Cnumber)%3E",
|
@@ -21226,7 +21246,7 @@
|
|
21226
21246
|
},
|
21227
21247
|
"overscrollBehavior": {
|
21228
21248
|
"$ref": "#/definitions/Property.OverscrollBehavior",
|
21229
|
-
"description": "The **`overscroll-behavior`** CSS property sets what a browser does when reaching the boundary of a scrolling area. It's a shorthand for `overscroll-behavior-x` and `overscroll-behavior-y`.\n\n**Syntax**: `[ contain | none | auto ]{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59** |
|
21249
|
+
"description": "The **`overscroll-behavior`** CSS property sets what a browser does when reaching the boundary of a scrolling area. It's a shorthand for `overscroll-behavior-x` and `overscroll-behavior-y`.\n\n**Syntax**: `[ contain | none | auto ]{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59** | No | **18** | No |"
|
21230
21250
|
},
|
21231
21251
|
"padding": {
|
21232
21252
|
"$ref": "#/definitions/Property.Padding%3C(string%7Cnumber)%3E",
|
@@ -21234,15 +21254,15 @@
|
|
21234
21254
|
},
|
21235
21255
|
"placeItems": {
|
21236
21256
|
"$ref": "#/definitions/Property.PlaceItems",
|
21237
|
-
"description": "The CSS **`place-items`** shorthand property allows you to align items along both the block and inline directions at once (i.e. the `align-items` and `justify-items` properties) in a relevant layout system such as Grid or Flexbox. If the second value is not set, the first value is also used for it.\n\n**Syntax**: `<'align-items'> <'justify-items'>?`\n\n| Chrome | Firefox | Safari |
|
21257
|
+
"description": "The CSS **`place-items`** shorthand property allows you to align items along both the block and inline directions at once (i.e. the `align-items` and `justify-items` properties) in a relevant layout system such as Grid or Flexbox. If the second value is not set, the first value is also used for it.\n\n**Syntax**: `<'align-items'> <'justify-items'>?`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **59** | **45** | **11** | **79** | No |"
|
21238
21258
|
},
|
21239
21259
|
"placeSelf": {
|
21240
21260
|
"$ref": "#/definitions/Property.PlaceSelf",
|
21241
|
-
"description": "The **`place-self`** CSS shorthand property allows you to align an individual item in both the block and inline directions at once (i.e. the `align-self` and `justify-self` properties) in a relevant layout system such as Grid or Flexbox. If the second value is not present, the first value is also used for it.\n\n**Syntax**: `<'align-self'> <'justify-self'>?`\n\n| Chrome | Firefox | Safari |
|
21261
|
+
"description": "The **`place-self`** CSS shorthand property allows you to align an individual item in both the block and inline directions at once (i.e. the `align-self` and `justify-self` properties) in a relevant layout system such as Grid or Flexbox. If the second value is not present, the first value is also used for it.\n\n**Syntax**: `<'align-self'> <'justify-self'>?`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **59** | **45** | **11** | **79** | No |"
|
21242
21262
|
},
|
21243
21263
|
"textEmphasis": {
|
21244
21264
|
"$ref": "#/definitions/Property.TextEmphasis",
|
21245
|
-
"description": "The **`text-emphasis`** CSS property applies emphasis marks to text (except spaces and control characters). It is a shorthand for `text-emphasis-style` and `text-emphasis-color`.\n\n**Syntax**: `<'text-emphasis-style'> || <'text-emphasis-color'>`\n\n| Chrome | Firefox | Safari |
|
21265
|
+
"description": "The **`text-emphasis`** CSS property applies emphasis marks to text (except spaces and control characters). It is a shorthand for `text-emphasis-style` and `text-emphasis-color`.\n\n**Syntax**: `<'text-emphasis-style'> || <'text-emphasis-color'>`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :----: | :------: | :-: | | **99** | **46** | **7** | **99** | No | | 25 _-x-_ | | | 79 _-x-_ | |"
|
21246
21266
|
},
|
21247
21267
|
"transition": {
|
21248
21268
|
"$ref": "#/definitions/Property.Transition%3Cstring%3E",
|
@@ -21250,27 +21270,23 @@
|
|
21250
21270
|
},
|
21251
21271
|
"accentColor": {
|
21252
21272
|
"$ref": "#/definitions/Property.AccentColor",
|
21253
|
-
"description": "The **`accent-color`** CSS property sets the accent color for user-interface controls generated by some elements.\n\n**Syntax**: `auto | <color>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21273
|
+
"description": "The **`accent-color`** CSS property sets the accent color for user-interface controls generated by some elements.\n\n**Syntax**: `auto | <color>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **93** | **92** | **15.4** | **93** | No |"
|
21254
21274
|
},
|
21255
21275
|
"alignContent": {
|
21256
21276
|
"$ref": "#/definitions/Property.AlignContent",
|
21257
|
-
"description": "The CSS **`align-content`** property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.\n\n**Syntax**: `normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **28** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | |"
|
21277
|
+
"description": "The CSS **`align-content`** property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.\n\n**Syntax**: `normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>`\n\n**Initial value**: `normal`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **28** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |\n\n---"
|
21258
21278
|
},
|
21259
21279
|
"alignItems": {
|
21260
21280
|
"$ref": "#/definitions/Property.AlignItems",
|
21261
|
-
"description": "The CSS **`align-items`** property sets the `align-self` value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.\n\n**Syntax**: `normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **
|
21281
|
+
"description": "The CSS **`align-items`** property sets the `align-self` value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.\n\n**Syntax**: `normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]`\n\n**Initial value**: `normal`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **52** | **20** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |\n\n---"
|
21262
21282
|
},
|
21263
21283
|
"alignSelf": {
|
21264
21284
|
"$ref": "#/definitions/Property.AlignSelf",
|
21265
|
-
"description": "The **`align-self`** CSS property overrides a grid or flex item's `align-items` value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.\n\n**Syntax**: `auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **
|
21285
|
+
"description": "The **`align-self`** CSS property overrides a grid or flex item's `align-items` value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.\n\n**Syntax**: `auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>`\n\n**Initial value**: `auto`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **36** | **20** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :----------: | | **57** | **52** | **10.1** | **16** | **10** _-x-_ |\n\n---"
|
21266
21286
|
},
|
21267
21287
|
"alignTracks": {
|
21268
21288
|
"$ref": "#/definitions/Property.AlignTracks",
|
21269
|
-
"description": "The **`align-tracks`** CSS property sets the alignment in the masonry axis for grid containers that have masonry in their block axis.\n\n**Syntax**: `[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | n/a | No |
|
21270
|
-
},
|
21271
|
-
"animationComposition": {
|
21272
|
-
"$ref": "#/definitions/Property.AnimationComposition",
|
21273
|
-
"description": "The **`animation-composition`** CSS property specifies the composite operation to use when multiple animations affect the same property simultaneously.\n\n**Syntax**: `<single-animation-composition>#`\n\n**Initial value**: `replace`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | n/a | No | n/a | No |"
|
21289
|
+
"description": "The **`align-tracks`** CSS property sets the alignment in the masonry axis for grid containers that have masonry in their block axis.\n\n**Syntax**: `[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | n/a | No | No | No |"
|
21274
21290
|
},
|
21275
21291
|
"animationDelay": {
|
21276
21292
|
"$ref": "#/definitions/Property.AnimationDelay%3Cstring%3E",
|
@@ -21302,7 +21318,7 @@
|
|
21302
21318
|
},
|
21303
21319
|
"animationTimeline": {
|
21304
21320
|
"$ref": "#/definitions/Property.AnimationTimeline",
|
21305
|
-
"description": "The **`animation-timeline`** CSS property specifies the names of one or more `@scroll-timeline` at-rules describing the scroll animations to apply to the element.\n\n**Syntax**: `<single-animation-timeline>#`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | n/a | No |
|
21321
|
+
"description": "The **`animation-timeline`** CSS property specifies the names of one or more `@scroll-timeline` at-rules describing the scroll animations to apply to the element.\n\n**Syntax**: `<single-animation-timeline>#`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | n/a | No | No | No |"
|
21306
21322
|
},
|
21307
21323
|
"animationTimingFunction": {
|
21308
21324
|
"$ref": "#/definitions/Property.AnimationTimingFunction",
|
@@ -21314,11 +21330,11 @@
|
|
21314
21330
|
},
|
21315
21331
|
"aspectRatio": {
|
21316
21332
|
"$ref": "#/definitions/Property.AspectRatio",
|
21317
|
-
"description": "The **`aspect-ratio`** CSS property sets a **preferred aspect ratio** for the box, which will be used in the calculation of auto sizes and some other layout functions.\n\n**Syntax**: `auto | <ratio>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21333
|
+
"description": "The **`aspect-ratio`** CSS property sets a **preferred aspect ratio** for the box, which will be used in the calculation of auto sizes and some other layout functions.\n\n**Syntax**: `auto | <ratio>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **88** | **89** | **15** | **88** | No |"
|
21318
21334
|
},
|
21319
21335
|
"backdropFilter": {
|
21320
21336
|
"$ref": "#/definitions/Property.BackdropFilter",
|
21321
|
-
"description": "The **`backdrop-filter`** CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything _behind_ the element, to see the effect you must make the element or its background at least partially transparent.\n\n**Syntax**: `none | <filter-function-list>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :---------: | :----: | :-: | | **76** |
|
21337
|
+
"description": "The **`backdrop-filter`** CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything _behind_ the element, to see the effect you must make the element or its background at least partially transparent.\n\n**Syntax**: `none | <filter-function-list>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :---------: | :----: | :-: | | **76** | n/a | **9** _-x-_ | **17** | No |"
|
21322
21338
|
},
|
21323
21339
|
"backfaceVisibility": {
|
21324
21340
|
"$ref": "#/definitions/Property.BackfaceVisibility",
|
@@ -21330,7 +21346,7 @@
|
|
21330
21346
|
},
|
21331
21347
|
"backgroundBlendMode": {
|
21332
21348
|
"$ref": "#/definitions/Property.BackgroundBlendMode",
|
21333
|
-
"description": "The **`background-blend-mode`** CSS property sets how an element's background images should blend with each other and with the element's background color.\n\n**Syntax**: `<blend-mode>#`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |
|
21349
|
+
"description": "The **`background-blend-mode`** CSS property sets how an element's background images should blend with each other and with the element's background color.\n\n**Syntax**: `<blend-mode>#`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **35** | **30** | **8** | **79** | No |"
|
21334
21350
|
},
|
21335
21351
|
"backgroundClip": {
|
21336
21352
|
"$ref": "#/definitions/Property.BackgroundClip",
|
@@ -21370,43 +21386,43 @@
|
|
21370
21386
|
},
|
21371
21387
|
"blockSize": {
|
21372
21388
|
"$ref": "#/definitions/Property.BlockSize%3C(string%7Cnumber)%3E",
|
21373
|
-
"description": "The **`block-size`** CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the `width` or the `height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'width'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21389
|
+
"description": "The **`block-size`** CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the `width` or the `height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'width'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |"
|
21374
21390
|
},
|
21375
21391
|
"borderBlockColor": {
|
21376
21392
|
"$ref": "#/definitions/Property.BorderBlockColor",
|
21377
|
-
"description": "The **`border-block-color`** CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color` and `border-bottom-color`, or `border-right-color` and `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>{1,2}`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari |
|
21393
|
+
"description": "The **`border-block-color`** CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color` and `border-bottom-color`, or `border-right-color` and `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>{1,2}`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |"
|
21378
21394
|
},
|
21379
21395
|
"borderBlockEndColor": {
|
21380
21396
|
"$ref": "#/definitions/Property.BorderBlockEndColor",
|
21381
|
-
"description": "The **`border-block-end-color`** CSS property defines the color of the logical block-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari |
|
21397
|
+
"description": "The **`border-block-end-color`** CSS property defines the color of the logical block-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |"
|
21382
21398
|
},
|
21383
21399
|
"borderBlockEndStyle": {
|
21384
21400
|
"$ref": "#/definitions/Property.BorderBlockEndStyle",
|
21385
|
-
"description": "The **`border-block-end-style`** CSS property defines the style of the logical block-end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |
|
21401
|
+
"description": "The **`border-block-end-style`** CSS property defines the style of the logical block-end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |"
|
21386
21402
|
},
|
21387
21403
|
"borderBlockEndWidth": {
|
21388
21404
|
"$ref": "#/definitions/Property.BorderBlockEndWidth%3C(string%7Cnumber)%3E",
|
21389
|
-
"description": "The **`border-block-end-width`** CSS property defines the width of the logical block-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari |
|
21405
|
+
"description": "The **`border-block-end-width`** CSS property defines the width of the logical block-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |"
|
21390
21406
|
},
|
21391
21407
|
"borderBlockStartColor": {
|
21392
21408
|
"$ref": "#/definitions/Property.BorderBlockStartColor",
|
21393
|
-
"description": "The **`border-block-start-color`** CSS property defines the color of the logical block-start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari |
|
21409
|
+
"description": "The **`border-block-start-color`** CSS property defines the color of the logical block-start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |"
|
21394
21410
|
},
|
21395
21411
|
"borderBlockStartStyle": {
|
21396
21412
|
"$ref": "#/definitions/Property.BorderBlockStartStyle",
|
21397
|
-
"description": "The **`border-block-start-style`** CSS property defines the style of the logical block start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |
|
21413
|
+
"description": "The **`border-block-start-style`** CSS property defines the style of the logical block start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |"
|
21398
21414
|
},
|
21399
21415
|
"borderBlockStartWidth": {
|
21400
21416
|
"$ref": "#/definitions/Property.BorderBlockStartWidth%3C(string%7Cnumber)%3E",
|
21401
|
-
"description": "The **`border-block-start-width`** CSS property defines the width of the logical block-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari |
|
21417
|
+
"description": "The **`border-block-start-width`** CSS property defines the width of the logical block-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |"
|
21402
21418
|
},
|
21403
21419
|
"borderBlockStyle": {
|
21404
21420
|
"$ref": "#/definitions/Property.BorderBlockStyle",
|
21405
|
-
"description": "The **`border-block-style`** CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |
|
21421
|
+
"description": "The **`border-block-style`** CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |"
|
21406
21422
|
},
|
21407
21423
|
"borderBlockWidth": {
|
21408
21424
|
"$ref": "#/definitions/Property.BorderBlockWidth%3C(string%7Cnumber)%3E",
|
21409
|
-
"description": "The **`border-block-width`** CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width` and `border-bottom-width`, or `border-left-width`, and `border-right-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari |
|
21425
|
+
"description": "The **`border-block-width`** CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width` and `border-bottom-width`, or `border-left-width`, and `border-right-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |"
|
21410
21426
|
},
|
21411
21427
|
"borderBottomColor": {
|
21412
21428
|
"$ref": "#/definitions/Property.BorderBottomColor",
|
@@ -21434,11 +21450,11 @@
|
|
21434
21450
|
},
|
21435
21451
|
"borderEndEndRadius": {
|
21436
21452
|
"$ref": "#/definitions/Property.BorderEndEndRadius%3C(string%7Cnumber)%3E",
|
21437
|
-
"description": "The **`border-end-end-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
21453
|
+
"description": "The **`border-end-end-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **89** | **66** | **15** | **89** | No |"
|
21438
21454
|
},
|
21439
21455
|
"borderEndStartRadius": {
|
21440
21456
|
"$ref": "#/definitions/Property.BorderEndStartRadius%3C(string%7Cnumber)%3E",
|
21441
|
-
"description": "The **`border-end-start-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
21457
|
+
"description": "The **`border-end-start-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **89** | **66** | **15** | **89** | No |"
|
21442
21458
|
},
|
21443
21459
|
"borderImageOutset": {
|
21444
21460
|
"$ref": "#/definitions/Property.BorderImageOutset%3C(string%7Cnumber)%3E",
|
@@ -21462,39 +21478,39 @@
|
|
21462
21478
|
},
|
21463
21479
|
"borderInlineColor": {
|
21464
21480
|
"$ref": "#/definitions/Property.BorderInlineColor",
|
21465
|
-
"description": "The **`border-inline-color`** CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color` and `border-bottom-color`, or `border-right-color` and `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>{1,2}`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari |
|
21481
|
+
"description": "The **`border-inline-color`** CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color` and `border-bottom-color`, or `border-right-color` and `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>{1,2}`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |"
|
21466
21482
|
},
|
21467
21483
|
"borderInlineEndColor": {
|
21468
21484
|
"$ref": "#/definitions/Property.BorderInlineEndColor",
|
21469
|
-
"description": "The **`border-inline-end-color`** CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari |
|
21485
|
+
"description": "The **`border-inline-end-color`** CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-end-color)_ | | | |"
|
21470
21486
|
},
|
21471
21487
|
"borderInlineEndStyle": {
|
21472
21488
|
"$ref": "#/definitions/Property.BorderInlineEndStyle",
|
21473
|
-
"description": "The **`border-inline-end-style`** CSS property defines the style of the logical inline end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |
|
21489
|
+
"description": "The **`border-inline-end-style`** CSS property defines the style of the logical inline end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-end-style)_ | | | |"
|
21474
21490
|
},
|
21475
21491
|
"borderInlineEndWidth": {
|
21476
21492
|
"$ref": "#/definitions/Property.BorderInlineEndWidth%3C(string%7Cnumber)%3E",
|
21477
|
-
"description": "The **`border-inline-end-width`** CSS property defines the width of the logical inline-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari |
|
21493
|
+
"description": "The **`border-inline-end-width`** CSS property defines the width of the logical inline-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-end-width)_ | | | |"
|
21478
21494
|
},
|
21479
21495
|
"borderInlineStartColor": {
|
21480
21496
|
"$ref": "#/definitions/Property.BorderInlineStartColor",
|
21481
|
-
"description": "The **`border-inline-start-color`** CSS property defines the color of the logical inline start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari |
|
21497
|
+
"description": "The **`border-inline-start-color`** CSS property defines the color of the logical inline start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :---------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-start-color)_ | | | |"
|
21482
21498
|
},
|
21483
21499
|
"borderInlineStartStyle": {
|
21484
21500
|
"$ref": "#/definitions/Property.BorderInlineStartStyle",
|
21485
|
-
"description": "The **`border-inline-start-style`** CSS property defines the style of the logical inline start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |
|
21501
|
+
"description": "The **`border-inline-start-style`** CSS property defines the style of the logical inline start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :---------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-start-style)_ | | | |"
|
21486
21502
|
},
|
21487
21503
|
"borderInlineStartWidth": {
|
21488
21504
|
"$ref": "#/definitions/Property.BorderInlineStartWidth%3C(string%7Cnumber)%3E",
|
21489
|
-
"description": "The **`border-inline-start-width`** CSS property defines the width of the logical inline-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari |
|
21505
|
+
"description": "The **`border-inline-start-width`** CSS property defines the width of the logical inline-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |"
|
21490
21506
|
},
|
21491
21507
|
"borderInlineStyle": {
|
21492
21508
|
"$ref": "#/definitions/Property.BorderInlineStyle",
|
21493
|
-
"description": "The **`border-inline-style`** CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |
|
21509
|
+
"description": "The **`border-inline-style`** CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |"
|
21494
21510
|
},
|
21495
21511
|
"borderInlineWidth": {
|
21496
21512
|
"$ref": "#/definitions/Property.BorderInlineWidth%3C(string%7Cnumber)%3E",
|
21497
|
-
"description": "The **`border-inline-width`** CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width` and `border-bottom-width`, or `border-left-width`, and `border-right-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari |
|
21513
|
+
"description": "The **`border-inline-width`** CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width` and `border-bottom-width`, or `border-left-width`, and `border-right-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |"
|
21498
21514
|
},
|
21499
21515
|
"borderLeftColor": {
|
21500
21516
|
"$ref": "#/definitions/Property.BorderLeftColor",
|
@@ -21526,11 +21542,11 @@
|
|
21526
21542
|
},
|
21527
21543
|
"borderStartEndRadius": {
|
21528
21544
|
"$ref": "#/definitions/Property.BorderStartEndRadius%3C(string%7Cnumber)%3E",
|
21529
|
-
"description": "The **`border-start-end-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
21545
|
+
"description": "The **`border-start-end-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **89** | **66** | **15** | **89** | No |"
|
21530
21546
|
},
|
21531
21547
|
"borderStartStartRadius": {
|
21532
21548
|
"$ref": "#/definitions/Property.BorderStartStartRadius%3C(string%7Cnumber)%3E",
|
21533
|
-
"description": "The **`border-start-start-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
21549
|
+
"description": "The **`border-start-start-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `<length-percentage>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **89** | **66** | **15** | **89** | No |"
|
21534
21550
|
},
|
21535
21551
|
"borderTopColor": {
|
21536
21552
|
"$ref": "#/definitions/Property.BorderTopColor",
|
@@ -21558,7 +21574,7 @@
|
|
21558
21574
|
},
|
21559
21575
|
"boxDecorationBreak": {
|
21560
21576
|
"$ref": "#/definitions/Property.BoxDecorationBreak",
|
21561
|
-
"description": "The **`box-decoration-break`** CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages.\n\n**Syntax**: `slice | clone`\n\n**Initial value**: `slice`\n\n| Chrome | Firefox | Safari |
|
21577
|
+
"description": "The **`box-decoration-break`** CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages.\n\n**Syntax**: `slice | clone`\n\n**Initial value**: `slice`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----------: | :-----: | :---------: | :----------: | :-: | | **22** _-x-_ | **32** | **7** _-x-_ | **79** _-x-_ | No |"
|
21562
21578
|
},
|
21563
21579
|
"boxShadow": {
|
21564
21580
|
"$ref": "#/definitions/Property.BoxShadow",
|
@@ -21570,15 +21586,15 @@
|
|
21570
21586
|
},
|
21571
21587
|
"breakAfter": {
|
21572
21588
|
"$ref": "#/definitions/Property.BreakAfter",
|
21573
|
-
"description": "The **`break-after`** CSS property sets how page, column, or region breaks should behave after a generated box. If there is no generated box, the property is ignored.\n\n**Syntax**: `auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65** | **10** | **12** | **10**
|
21589
|
+
"description": "The **`break-after`** CSS property sets how page, column, or region breaks should behave after a generated box. If there is no generated box, the property is ignored.\n\n**Syntax**: `auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region`\n\n**Initial value**: `auto`\n\n---\n\n_Supported in Multi-column Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65** | No | **12** | **10** |\n\n---\n\n_Supported in Paged Media_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65** | **10** | **12** | **10** |\n\n---"
|
21574
21590
|
},
|
21575
21591
|
"breakBefore": {
|
21576
21592
|
"$ref": "#/definitions/Property.BreakBefore",
|
21577
|
-
"description": "The **`break-before`** CSS property sets how page, column, or region breaks should behave before a generated box. If there is no generated box, the property is ignored.\n\n**Syntax**: `auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65** | **10** | **12** | **10**
|
21593
|
+
"description": "The **`break-before`** CSS property sets how page, column, or region breaks should behave before a generated box. If there is no generated box, the property is ignored.\n\n**Syntax**: `auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region`\n\n**Initial value**: `auto`\n\n---\n\n_Supported in Multi-column Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65** | No | **12** | **10** |\n\n---\n\n_Supported in Paged Media_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65** | **10** | **12** | **10** |\n\n---"
|
21578
21594
|
},
|
21579
21595
|
"breakInside": {
|
21580
21596
|
"$ref": "#/definitions/Property.BreakInside",
|
21581
|
-
"description": "The **`break-inside`** CSS property sets how page, column, or region breaks should behave inside a generated box. If there is no generated box, the property is ignored.\n\n**Syntax**: `auto | avoid | avoid-page | avoid-column | avoid-region`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65** | **10** | **12** | **10** |"
|
21597
|
+
"description": "The **`break-inside`** CSS property sets how page, column, or region breaks should behave inside a generated box. If there is no generated box, the property is ignored.\n\n**Syntax**: `auto | avoid | avoid-page | avoid-column | avoid-region`\n\n**Initial value**: `auto`\n\n---\n\n_Supported in Multi-column Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65** | **10** | **12** | **10** |\n\n---\n\n_Supported in Paged Media_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65** | **10** | **12** | **10** |\n\n---"
|
21582
21598
|
},
|
21583
21599
|
"captionSide": {
|
21584
21600
|
"$ref": "#/definitions/Property.CaptionSide",
|
@@ -21586,7 +21602,7 @@
|
|
21586
21602
|
},
|
21587
21603
|
"caretColor": {
|
21588
21604
|
"$ref": "#/definitions/Property.CaretColor",
|
21589
|
-
"description": "The **`caret-color`** CSS property sets the color of the **insertion caret**, the visible marker where the next character typed will be inserted. This is sometimes referred to as the **text input cursor**. The caret appears in elements such as `<input>` or those with the `contenteditable` attribute. The caret is typically a thin vertical line that flashes to help make it more noticeable. By default, it is black, but its color can be altered with this property.\n\n**Syntax**: `auto | <color>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21605
|
+
"description": "The **`caret-color`** CSS property sets the color of the **insertion caret**, the visible marker where the next character typed will be inserted. This is sometimes referred to as the **text input cursor**. The caret appears in elements such as `<input>` or those with the `contenteditable` attribute. The caret is typically a thin vertical line that flashes to help make it more noticeable. By default, it is black, but its color can be altered with this property.\n\n**Syntax**: `auto | <color>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **53** | **11.1** | **79** | No |"
|
21590
21606
|
},
|
21591
21607
|
"clear": {
|
21592
21608
|
"$ref": "#/definitions/Property.Clear",
|
@@ -21598,7 +21614,7 @@
|
|
21598
21614
|
},
|
21599
21615
|
"colorScheme": {
|
21600
21616
|
"$ref": "#/definitions/Property.ColorScheme",
|
21601
|
-
"description": "The **`color-scheme`** CSS property allows an element to indicate which color schemes it can comfortably be rendered in.\n\n**Syntax**: `normal | [ light | dark | <custom-ident> ]+ && only?`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |
|
21617
|
+
"description": "The **`color-scheme`** CSS property allows an element to indicate which color schemes it can comfortably be rendered in.\n\n**Syntax**: `normal | [ light | dark | <custom-ident> ]+ && only?`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **81** | **96** | **13** | **81** | No |"
|
21602
21618
|
},
|
21603
21619
|
"columnCount": {
|
21604
21620
|
"$ref": "#/definitions/Property.ColumnCount",
|
@@ -21610,7 +21626,7 @@
|
|
21610
21626
|
},
|
21611
21627
|
"columnGap": {
|
21612
21628
|
"$ref": "#/definitions/Property.ColumnGap%3C(string%7Cnumber)%3E",
|
21613
|
-
"description": "The **`column-gap`** CSS property sets the size of the gap (gutter) between an element's columns.\n\n**Syntax**: `normal | <length-percentage>`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | |
|
21629
|
+
"description": "The **`column-gap`** CSS property sets the size of the gap (gutter) between an element's columns.\n\n**Syntax**: `normal | <length-percentage>`\n\n**Initial value**: `normal`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **84** | **63** | **14.1** | **84** | No |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :--------------------: | :----------------------: | :----: | :-: | | **66** | **61** | **12** | **16** | No | | 57 _(grid-column-gap)_ | 52 _(grid-column-gap)_ | 10.1 _(grid-column-gap)_ | | |\n\n---\n\n_Supported in Multi-column Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **10** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |\n\n---"
|
21614
21630
|
},
|
21615
21631
|
"columnRuleColor": {
|
21616
21632
|
"$ref": "#/definitions/Property.ColumnRuleColor",
|
@@ -21634,7 +21650,7 @@
|
|
21634
21650
|
},
|
21635
21651
|
"contain": {
|
21636
21652
|
"$ref": "#/definitions/Property.Contain",
|
21637
|
-
"description": "The **`contain`** CSS property allows an author to indicate that an element and its contents are, as much as possible, _independent_ of the rest of the document tree. This allows the browser to recalculate layout, style, paint, size, or any combination of them for a limited area of the DOM and not the entire page, leading to obvious performance benefits.\n\n**Syntax**: `none | strict | content | [
|
21653
|
+
"description": "The **`contain`** CSS property allows an author to indicate that an element and its contents are, as much as possible, _independent_ of the rest of the document tree. This allows the browser to recalculate layout, style, paint, size, or any combination of them for a limited area of the DOM and not the entire page, leading to obvious performance benefits.\n\n**Syntax**: `none | strict | content | [ size || layout || style || paint ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **52** | **69** | **15.4** | **79** | No |"
|
21638
21654
|
},
|
21639
21655
|
"content": {
|
21640
21656
|
"$ref": "#/definitions/Property.Content",
|
@@ -21642,7 +21658,7 @@
|
|
21642
21658
|
},
|
21643
21659
|
"contentVisibility": {
|
21644
21660
|
"$ref": "#/definitions/Property.ContentVisibility",
|
21645
|
-
"description": "The **`content-visibility`** CSS property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. Basically it enables the user agent to skip an element's rendering work (including layout and painting) until it is needed — which makes the initial page load much faster.\n\n**Syntax**: `visible | auto | hidden`\n\n**Initial value**: `visible`\n\n| Chrome | Firefox | Safari |
|
21661
|
+
"description": "The **`content-visibility`** CSS property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. Basically it enables the user agent to skip an element's rendering work (including layout and painting) until it is needed — which makes the initial page load much faster.\n\n**Syntax**: `visible | auto | hidden`\n\n**Initial value**: `visible`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **85** | No | No | **85** | No |"
|
21646
21662
|
},
|
21647
21663
|
"counterIncrement": {
|
21648
21664
|
"$ref": "#/definitions/Property.CounterIncrement",
|
@@ -21654,7 +21670,7 @@
|
|
21654
21670
|
},
|
21655
21671
|
"counterSet": {
|
21656
21672
|
"$ref": "#/definitions/Property.CounterSet",
|
21657
|
-
"description": "The **`counter-set`** CSS property sets a CSS counter to a given value. It manipulates the value of existing counters, and will only create new counters if there isn't already a counter of the given name on the element.\n\n**Syntax**: `[ <counter-name> <integer>? ]+ | none`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |
|
21673
|
+
"description": "The **`counter-set`** CSS property sets a CSS counter to a given value. It manipulates the value of existing counters, and will only create new counters if there isn't already a counter of the given name on the element.\n\n**Syntax**: `[ <counter-name> <integer>? ]+ | none`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **85** | **68** | No | **85** | No |"
|
21658
21674
|
},
|
21659
21675
|
"emptyCells": {
|
21660
21676
|
"$ref": "#/definitions/Property.EmptyCells",
|
@@ -21690,11 +21706,11 @@
|
|
21690
21706
|
},
|
21691
21707
|
"fontKerning": {
|
21692
21708
|
"$ref": "#/definitions/Property.FontKerning",
|
21693
|
-
"description": "The **`font-kerning`** CSS property sets the use of the kerning information stored in a font.\n\n**Syntax**: `auto | normal | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21709
|
+
"description": "The **`font-kerning`** CSS property sets the use of the kerning information stored in a font.\n\n**Syntax**: `auto | normal | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **33** | **32** | **9** | **79** | No | | | | 6 _-x-_ | | |"
|
21694
21710
|
},
|
21695
21711
|
"fontLanguageOverride": {
|
21696
21712
|
"$ref": "#/definitions/Property.FontLanguageOverride",
|
21697
|
-
"description": "The **`font-language-override`** CSS property controls the use of language-specific glyphs in a typeface.\n\n**Syntax**: `normal | <string>`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **34** | No |
|
21713
|
+
"description": "The **`font-language-override`** CSS property controls the use of language-specific glyphs in a typeface.\n\n**Syntax**: `normal | <string>`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **34** | No | No | No | | | 4 _-x-_ | | | |"
|
21698
21714
|
},
|
21699
21715
|
"fontOpticalSizing": {
|
21700
21716
|
"$ref": "#/definitions/Property.FontOpticalSizing",
|
@@ -21702,35 +21718,35 @@
|
|
21702
21718
|
},
|
21703
21719
|
"fontSmooth": {
|
21704
21720
|
"$ref": "#/definitions/Property.FontSmooth%3C(string%7Cnumber)%3E",
|
21705
|
-
"description": "The **`font-smooth`** CSS property controls the application of anti-aliasing when fonts are rendered.\n\n**Syntax**: `auto | never | always | <absolute-size> | <length>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21721
|
+
"description": "The **`font-smooth`** CSS property controls the application of anti-aliasing when fonts are rendered.\n\n**Syntax**: `auto | never | always | <absolute-size> | <length>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------------------------------: | :--------------------------------: | :------------------------------: | :-------------------------------: | :-: | | **5** _(-webkit-font-smoothing)_ | **25** _(-moz-osx-font-smoothing)_ | **4** _(-webkit-font-smoothing)_ | **79** _(-webkit-font-smoothing)_ | No |"
|
21706
21722
|
},
|
21707
21723
|
"fontSynthesis": {
|
21708
21724
|
"$ref": "#/definitions/Property.FontSynthesis",
|
21709
|
-
"description": "The **`font-synthesis`** CSS property controls which missing typefaces, bold, italic, or small-caps, may be synthesized by the browser.\n\n**Syntax**: `none | [ weight || style || small-caps ]`\n\n**Initial value**: `weight style`\n\n| Chrome | Firefox | Safari |
|
21725
|
+
"description": "The **`font-synthesis`** CSS property controls which missing typefaces, bold, italic, or small-caps, may be synthesized by the browser.\n\n**Syntax**: `none | [ weight || style || small-caps ]`\n\n**Initial value**: `weight style`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **97** | **34** | **9** | **97** | No |"
|
21710
21726
|
},
|
21711
21727
|
"fontVariantAlternates": {
|
21712
21728
|
"$ref": "#/definitions/Property.FontVariantAlternates",
|
21713
|
-
"description": "The **`font-variant-alternates`** CSS property controls the usage of alternate glyphs. These alternate glyphs may be referenced by alternative names defined in `@font-feature-values`.\n\n**Syntax**: `normal | [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :--: | :-: | | No | **34** | **9.1** |
|
21729
|
+
"description": "The **`font-variant-alternates`** CSS property controls the usage of alternate glyphs. These alternate glyphs may be referenced by alternative names defined in `@font-feature-values`.\n\n**Syntax**: `normal | [ stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :--: | :-: | | No | **34** | **9.1** | No | No |"
|
21714
21730
|
},
|
21715
21731
|
"fontVariantCaps": {
|
21716
21732
|
"$ref": "#/definitions/Property.FontVariantCaps",
|
21717
|
-
"description": "The **`font-variant-caps`** CSS property controls the use of alternate glyphs for capital letters.\n\n**Syntax**: `normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |
|
21733
|
+
"description": "The **`font-variant-caps`** CSS property controls the use of alternate glyphs for capital letters.\n\n**Syntax**: `normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **52** | **34** | **9.1** | **79** | No |"
|
21718
21734
|
},
|
21719
21735
|
"fontVariantEastAsian": {
|
21720
21736
|
"$ref": "#/definitions/Property.FontVariantEastAsian",
|
21721
|
-
"description": "The **`font-variant-east-asian`** CSS property controls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese.\n\n**Syntax**: `normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |
|
21737
|
+
"description": "The **`font-variant-east-asian`** CSS property controls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese.\n\n**Syntax**: `normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **63** | **34** | **9.1** | **79** | No |"
|
21722
21738
|
},
|
21723
21739
|
"fontVariantLigatures": {
|
21724
21740
|
"$ref": "#/definitions/Property.FontVariantLigatures",
|
21725
|
-
"description": "The **`font-variant-ligatures`** CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text.\n\n**Syntax**: `normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |
|
21741
|
+
"description": "The **`font-variant-ligatures`** CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text.\n\n**Syntax**: `normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :-: | | **34** | **34** | **9.1** | **79** | No | | 31 _-x-_ | | 7 _-x-_ | | |"
|
21726
21742
|
},
|
21727
21743
|
"fontVariantNumeric": {
|
21728
21744
|
"$ref": "#/definitions/Property.FontVariantNumeric",
|
21729
|
-
"description": "The **`font-variant-numeric`** CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.\n\n**Syntax**: `normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |
|
21745
|
+
"description": "The **`font-variant-numeric`** CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.\n\n**Syntax**: `normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **52** | **34** | **9.1** | **79** | No |"
|
21730
21746
|
},
|
21731
21747
|
"fontVariantPosition": {
|
21732
21748
|
"$ref": "#/definitions/Property.FontVariantPosition",
|
21733
|
-
"description": "The **`font-variant-position`** CSS property controls the use of alternate, smaller glyphs that are positioned as superscript or subscript.\n\n**Syntax**: `normal | sub | super`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :--: | :-: | | No | **34** | **9.1** |
|
21749
|
+
"description": "The **`font-variant-position`** CSS property controls the use of alternate, smaller glyphs that are positioned as superscript or subscript.\n\n**Syntax**: `normal | sub | super`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :--: | :-: | | No | **34** | **9.1** | No | No |"
|
21734
21750
|
},
|
21735
21751
|
"fontVariationSettings": {
|
21736
21752
|
"$ref": "#/definitions/Property.FontVariationSettings",
|
@@ -21782,7 +21798,7 @@
|
|
21782
21798
|
},
|
21783
21799
|
"hangingPunctuation": {
|
21784
21800
|
"$ref": "#/definitions/Property.HangingPunctuation",
|
21785
|
-
"description": "The **`hanging-punctuation`** CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box.\n\n**Syntax**: `none | [ first || [ force-end | allow-end ] || last ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | No | **10** |
|
21801
|
+
"description": "The **`hanging-punctuation`** CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box.\n\n**Syntax**: `none | [ first || [ force-end | allow-end ] || last ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | No | **10** | No | No |"
|
21786
21802
|
},
|
21787
21803
|
"height": {
|
21788
21804
|
"$ref": "#/definitions/Property.Height%3C(string%7Cnumber)%3E",
|
@@ -21790,7 +21806,7 @@
|
|
21790
21806
|
},
|
21791
21807
|
"hyphenateCharacter": {
|
21792
21808
|
"$ref": "#/definitions/Property.HyphenateCharacter",
|
21793
|
-
"description": "The **`hyphenate-character`** CSS property sets the character (or string) used at the end of a line before a hyphenation break.\n\n**Syntax**: `auto | <string>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21809
|
+
"description": "The **`hyphenate-character`** CSS property sets the character (or string) used at the end of a line before a hyphenation break.\n\n**Syntax**: `auto | <string>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :---------: | :-----: | :-----------: | :----------: | :-: | | **6** _-x-_ | **98** | **5.1** _-x-_ | **79** _-x-_ | No |"
|
21794
21810
|
},
|
21795
21811
|
"hyphens": {
|
21796
21812
|
"$ref": "#/definitions/Property.Hyphens",
|
@@ -21798,7 +21814,7 @@
|
|
21798
21814
|
},
|
21799
21815
|
"imageOrientation": {
|
21800
21816
|
"$ref": "#/definitions/Property.ImageOrientation",
|
21801
|
-
"description": "The **`image-orientation`** CSS property specifies a layout-independent correction to the orientation of an image.\n\n**Syntax**: `from-image | <angle> | [ <angle>? flip ]`\n\n**Initial value**: `from-image`\n\n| Chrome | Firefox | Safari |
|
21817
|
+
"description": "The **`image-orientation`** CSS property specifies a layout-independent correction to the orientation of an image.\n\n**Syntax**: `from-image | <angle> | [ <angle>? flip ]`\n\n**Initial value**: `from-image`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **81** | **26** | **13.1** | **81** | No |"
|
21802
21818
|
},
|
21803
21819
|
"imageResolution": {
|
21804
21820
|
"$ref": "#/definitions/Property.ImageResolution",
|
@@ -21806,11 +21822,11 @@
|
|
21806
21822
|
},
|
21807
21823
|
"initialLetter": {
|
21808
21824
|
"$ref": "#/definitions/Property.InitialLetter",
|
21809
|
-
"description": "The `initial-letter` CSS property sets styling for dropped, raised, and sunken initial letters.\n\n**Syntax**: `normal | [ <number> <integer>? ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :---------: | :--: | :-: | | No | No | **9** _-x-_ |
|
21825
|
+
"description": "The `initial-letter` CSS property sets styling for dropped, raised, and sunken initial letters.\n\n**Syntax**: `normal | [ <number> <integer>? ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :---------: | :--: | :-: | | No | No | **9** _-x-_ | No | No |"
|
21810
21826
|
},
|
21811
21827
|
"inlineSize": {
|
21812
21828
|
"$ref": "#/definitions/Property.InlineSize%3C(string%7Cnumber)%3E",
|
21813
|
-
"description": "The **`inline-size`** CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the `width` or the `height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'width'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21829
|
+
"description": "The **`inline-size`** CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the `width` or the `height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'width'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |"
|
21814
21830
|
},
|
21815
21831
|
"inputSecurity": {
|
21816
21832
|
"$ref": "#/definitions/Property.InputSecurity",
|
@@ -21818,51 +21834,51 @@
|
|
21818
21834
|
},
|
21819
21835
|
"inset": {
|
21820
21836
|
"$ref": "#/definitions/Property.Inset%3C(string%7Cnumber)%3E",
|
21821
|
-
"description": "The **`inset`** CSS property is a shorthand that corresponds to the `top`, `right`, `bottom`, and/or `left` properties. It has the same multi-value syntax of the `margin` shorthand.\n\n**Syntax**: `<'top'>{1,4}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21837
|
+
"description": "The **`inset`** CSS property is a shorthand that corresponds to the `top`, `right`, `bottom`, and/or `left` properties. It has the same multi-value syntax of the `margin` shorthand.\n\n**Syntax**: `<'top'>{1,4}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |"
|
21822
21838
|
},
|
21823
21839
|
"insetBlock": {
|
21824
21840
|
"$ref": "#/definitions/Property.InsetBlock%3C(string%7Cnumber)%3E",
|
21825
|
-
"description": "The **`inset-block`** CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21841
|
+
"description": "The **`inset-block`** CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |"
|
21826
21842
|
},
|
21827
21843
|
"insetBlockEnd": {
|
21828
21844
|
"$ref": "#/definitions/Property.InsetBlockEnd%3C(string%7Cnumber)%3E",
|
21829
|
-
"description": "The **`inset-block-end`** CSS property defines the logical block end offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21845
|
+
"description": "The **`inset-block-end`** CSS property defines the logical block end offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |"
|
21830
21846
|
},
|
21831
21847
|
"insetBlockStart": {
|
21832
21848
|
"$ref": "#/definitions/Property.InsetBlockStart%3C(string%7Cnumber)%3E",
|
21833
|
-
"description": "The **`inset-block-start`** CSS property defines the logical block start offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21849
|
+
"description": "The **`inset-block-start`** CSS property defines the logical block start offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |"
|
21834
21850
|
},
|
21835
21851
|
"insetInline": {
|
21836
21852
|
"$ref": "#/definitions/Property.InsetInline%3C(string%7Cnumber)%3E",
|
21837
|
-
"description": "The **`inset-inline`** CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21853
|
+
"description": "The **`inset-inline`** CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |"
|
21838
21854
|
},
|
21839
21855
|
"insetInlineEnd": {
|
21840
21856
|
"$ref": "#/definitions/Property.InsetInlineEnd%3C(string%7Cnumber)%3E",
|
21841
|
-
"description": "The **`inset-inline-end`** CSS property defines the logical inline end inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21857
|
+
"description": "The **`inset-inline-end`** CSS property defines the logical inline end inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |"
|
21842
21858
|
},
|
21843
21859
|
"insetInlineStart": {
|
21844
21860
|
"$ref": "#/definitions/Property.InsetInlineStart%3C(string%7Cnumber)%3E",
|
21845
|
-
"description": "The **`inset-inline-start`** CSS property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21861
|
+
"description": "The **`inset-inline-start`** CSS property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |"
|
21846
21862
|
},
|
21847
21863
|
"isolation": {
|
21848
21864
|
"$ref": "#/definitions/Property.Isolation",
|
21849
|
-
"description": "The **`isolation`** CSS property determines whether an element must create a new stacking context.\n\n**Syntax**: `auto | isolate`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21865
|
+
"description": "The **`isolation`** CSS property determines whether an element must create a new stacking context.\n\n**Syntax**: `auto | isolate`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **41** | **36** | **8** | **79** | No |"
|
21850
21866
|
},
|
21851
21867
|
"justifyContent": {
|
21852
21868
|
"$ref": "#/definitions/Property.JustifyContent",
|
21853
|
-
"description": "The CSS **`justify-content`** property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.\n\n**Syntax**: `normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **
|
21869
|
+
"description": "The CSS **`justify-content`** property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.\n\n**Syntax**: `normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]`\n\n**Initial value**: `normal`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **52** | **20** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |\n\n---"
|
21854
21870
|
},
|
21855
21871
|
"justifyItems": {
|
21856
21872
|
"$ref": "#/definitions/Property.JustifyItems",
|
21857
|
-
"description": "The CSS **`justify-items`** property defines the default `justify-self` for all items of the box, giving them all a default way of justifying each box along the appropriate axis.\n\n**Syntax**: `normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]`\n\n**Initial value**: `legacy`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **52** | **20** | **9** | **12** | **11** |"
|
21873
|
+
"description": "The CSS **`justify-items`** property defines the default `justify-self` for all items of the box, giving them all a default way of justifying each box along the appropriate axis.\n\n**Syntax**: `normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]`\n\n**Initial value**: `legacy`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **52** | **20** | **9** | **12** | **11** |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **45** | **10.1** | **16** | No |\n\n---"
|
21858
21874
|
},
|
21859
21875
|
"justifySelf": {
|
21860
21876
|
"$ref": "#/definitions/Property.JustifySelf",
|
21861
|
-
"description": "The CSS **`justify-self`** property sets the way a box is justified inside its alignment container along the appropriate axis.\n\n**Syntax**: `auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge |
|
21877
|
+
"description": "The CSS **`justify-self`** property sets the way a box is justified inside its alignment container along the appropriate axis.\n\n**Syntax**: `auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]`\n\n**Initial value**: `auto`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **45** | **10.1** | **16** | No |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :----------: | | **57** | **45** | **10.1** | **16** | **10** _-x-_ |\n\n---"
|
21862
21878
|
},
|
21863
21879
|
"justifyTracks": {
|
21864
21880
|
"$ref": "#/definitions/Property.JustifyTracks",
|
21865
|
-
"description": "The **`justify-tracks`** CSS property sets the alignment in the masonry axis for grid containers that have masonry in their inline axis.\n\n**Syntax**: `[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | n/a | No |
|
21881
|
+
"description": "The **`justify-tracks`** CSS property sets the alignment in the masonry axis for grid containers that have masonry in their inline axis.\n\n**Syntax**: `[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | n/a | No | No | No |"
|
21866
21882
|
},
|
21867
21883
|
"left": {
|
21868
21884
|
"$ref": "#/definitions/Property.Left%3C(string%7Cnumber)%3E",
|
@@ -21890,15 +21906,15 @@
|
|
21890
21906
|
},
|
21891
21907
|
"marginBlock": {
|
21892
21908
|
"$ref": "#/definitions/Property.MarginBlock%3C(string%7Cnumber)%3E",
|
21893
|
-
"description": "The **`margin-block`** CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
21909
|
+
"description": "The **`margin-block`** CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |"
|
21894
21910
|
},
|
21895
21911
|
"marginBlockEnd": {
|
21896
21912
|
"$ref": "#/definitions/Property.MarginBlockEnd%3C(string%7Cnumber)%3E",
|
21897
|
-
"description": "The **`margin-block-end`** CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
21913
|
+
"description": "The **`margin-block-end`** CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **41** | **12.1** | **87** | No |"
|
21898
21914
|
},
|
21899
21915
|
"marginBlockStart": {
|
21900
21916
|
"$ref": "#/definitions/Property.MarginBlockStart%3C(string%7Cnumber)%3E",
|
21901
|
-
"description": "The **`margin-block-start`** CSS property defines the logical block start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
21917
|
+
"description": "The **`margin-block-start`** CSS property defines the logical block start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **41** | **12.1** | **87** | No |"
|
21902
21918
|
},
|
21903
21919
|
"marginBottom": {
|
21904
21920
|
"$ref": "#/definitions/Property.MarginBottom%3C(string%7Cnumber)%3E",
|
@@ -21906,15 +21922,15 @@
|
|
21906
21922
|
},
|
21907
21923
|
"marginInline": {
|
21908
21924
|
"$ref": "#/definitions/Property.MarginInline%3C(string%7Cnumber)%3E",
|
21909
|
-
"description": "The **`margin-inline`** CSS shorthand property is a shorthand property that defines both the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
21925
|
+
"description": "The **`margin-inline`** CSS shorthand property is a shorthand property that defines both the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |"
|
21910
21926
|
},
|
21911
21927
|
"marginInlineEnd": {
|
21912
21928
|
"$ref": "#/definitions/Property.MarginInlineEnd%3C(string%7Cnumber)%3E",
|
21913
|
-
"description": "The **`margin-inline-end`** CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the `margin-top`, `margin-right`, `margin-bottom` or `margin-left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
21929
|
+
"description": "The **`margin-inline-end`** CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the `margin-top`, `margin-right`, `margin-bottom` or `margin-left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----------------------: | :-------------------: | :----------------------: | :-----------------------: | :-: | | **87** | **41** | **12.1** | **87** | No | | 2 _(-webkit-margin-end)_ | 3 _(-moz-margin-end)_ | 3 _(-webkit-margin-end)_ | 79 _(-webkit-margin-end)_ | |"
|
21914
21930
|
},
|
21915
21931
|
"marginInlineStart": {
|
21916
21932
|
"$ref": "#/definitions/Property.MarginInlineStart%3C(string%7Cnumber)%3E",
|
21917
|
-
"description": "The **`margin-inline-start`** CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the `margin-top`, `margin-right`, `margin-bottom`, or `margin-left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
21933
|
+
"description": "The **`margin-inline-start`** CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the `margin-top`, `margin-right`, `margin-bottom`, or `margin-left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------------------------: | :---------------------: | :------------------------: | :-------------------------: | :-: | | **87** | **41** | **12.1** | **87** | No | | 2 _(-webkit-margin-start)_ | 3 _(-moz-margin-start)_ | 3 _(-webkit-margin-start)_ | 79 _(-webkit-margin-start)_ | |"
|
21918
21934
|
},
|
21919
21935
|
"marginLeft": {
|
21920
21936
|
"$ref": "#/definitions/Property.MarginLeft%3C(string%7Cnumber)%3E",
|
@@ -21934,27 +21950,27 @@
|
|
21934
21950
|
},
|
21935
21951
|
"maskBorderOutset": {
|
21936
21952
|
"$ref": "#/definitions/Property.MaskBorderOutset%3C(string%7Cnumber)%3E",
|
21937
|
-
"description": "The **`mask-border-outset`** CSS property specifies the distance by which an element's mask border is set out from its border box.\n\n**Syntax**: `[ <length> | <number> ]{1,4}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
21953
|
+
"description": "The **`mask-border-outset`** CSS property specifies the distance by which an element's mask border is set out from its border box.\n\n**Syntax**: `[ <length> | <number> ]{1,4}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-------------------------------------: | :-----: | :---------------------------------------: | :--------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-outset)_ | No | **3.1** _(-webkit-mask-box-image-outset)_ | **79** _(-webkit-mask-box-image-outset)_ | No |"
|
21938
21954
|
},
|
21939
21955
|
"maskBorderRepeat": {
|
21940
21956
|
"$ref": "#/definitions/Property.MaskBorderRepeat",
|
21941
|
-
"description": "The **`mask-border-repeat`** CSS property sets how the edge regions of a source image are adjusted to fit the dimensions of an element's mask border.\n\n**Syntax**: `[ stretch | repeat | round | space ]{1,2}`\n\n**Initial value**: `stretch`\n\n| Chrome | Firefox | Safari |
|
21957
|
+
"description": "The **`mask-border-repeat`** CSS property sets how the edge regions of a source image are adjusted to fit the dimensions of an element's mask border.\n\n**Syntax**: `[ stretch | repeat | round | space ]{1,2}`\n\n**Initial value**: `stretch`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-------------------------------------: | :-----: | :---------------------------------------: | :--------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-repeat)_ | No | **3.1** _(-webkit-mask-box-image-repeat)_ | **79** _(-webkit-mask-box-image-repeat)_ | No |"
|
21942
21958
|
},
|
21943
21959
|
"maskBorderSlice": {
|
21944
21960
|
"$ref": "#/definitions/Property.MaskBorderSlice",
|
21945
|
-
"description": "The **`mask-border-slice`** CSS property divides the image set by `mask-border-source` into regions. These regions are used to form the components of an element's mask border.\n\n**Syntax**: `<number-percentage>{1,4} fill?`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
21961
|
+
"description": "The **`mask-border-slice`** CSS property divides the image set by `mask-border-source` into regions. These regions are used to form the components of an element's mask border.\n\n**Syntax**: `<number-percentage>{1,4} fill?`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------------------------------------: | :-----: | :--------------------------------------: | :-------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-slice)_ | No | **3.1** _(-webkit-mask-box-image-slice)_ | **79** _(-webkit-mask-box-image-slice)_ | No |"
|
21946
21962
|
},
|
21947
21963
|
"maskBorderSource": {
|
21948
21964
|
"$ref": "#/definitions/Property.MaskBorderSource",
|
21949
|
-
"description": "The **`mask-border-source`** CSS property sets the source image used to create an element's mask border.\n\n**Syntax**: `none | <image>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |
|
21965
|
+
"description": "The **`mask-border-source`** CSS property sets the source image used to create an element's mask border.\n\n**Syntax**: `none | <image>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-------------------------------------: | :-----: | :---------------------------------------: | :--------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-source)_ | No | **3.1** _(-webkit-mask-box-image-source)_ | **79** _(-webkit-mask-box-image-source)_ | No |"
|
21950
21966
|
},
|
21951
21967
|
"maskBorderWidth": {
|
21952
21968
|
"$ref": "#/definitions/Property.MaskBorderWidth%3C(string%7Cnumber)%3E",
|
21953
|
-
"description": "The **`mask-border-width`** CSS property sets the width of an element's mask border.\n\n**Syntax**: `[ <length-percentage> | <number> | auto ]{1,4}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
21969
|
+
"description": "The **`mask-border-width`** CSS property sets the width of an element's mask border.\n\n**Syntax**: `[ <length-percentage> | <number> | auto ]{1,4}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------------------------------------: | :-----: | :--------------------------------------: | :-------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-width)_ | No | **3.1** _(-webkit-mask-box-image-width)_ | **79** _(-webkit-mask-box-image-width)_ | No |"
|
21954
21970
|
},
|
21955
21971
|
"maskClip": {
|
21956
21972
|
"$ref": "#/definitions/Property.MaskClip",
|
21957
|
-
"description": "The **`mask-clip`** CSS property determines the area which is affected by a mask. The painted content of an element must be restricted to this area.\n\n**Syntax**: `[ <geometry-box> | no-clip ]#`\n\n**Initial value**: `border-box`\n\n| Chrome | Firefox | Safari |
|
21973
|
+
"description": "The **`mask-clip`** CSS property determines the area which is affected by a mask. The painted content of an element must be restricted to this area.\n\n**Syntax**: `[ <geometry-box> | no-clip ]#`\n\n**Initial value**: `border-box`\n\n| Chrome | Firefox | Safari | Edge | IE | | :---------: | :-----: | :------: | :----------: | :-: | | **1** _-x-_ | **53** | **15.4** | **79** _-x-_ | No | | | | 4 _-x-_ | | |"
|
21958
21974
|
},
|
21959
21975
|
"maskComposite": {
|
21960
21976
|
"$ref": "#/definitions/Property.MaskComposite",
|
@@ -21966,11 +21982,11 @@
|
|
21966
21982
|
},
|
21967
21983
|
"maskMode": {
|
21968
21984
|
"$ref": "#/definitions/Property.MaskMode",
|
21969
|
-
"description": "The **`mask-mode`** CSS property sets whether the mask reference defined by `mask-image` is treated as a luminance or alpha mask.\n\n**Syntax**: `<masking-mode>#`\n\n**Initial value**: `match-source`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | **53** | **15.4** |
|
21985
|
+
"description": "The **`mask-mode`** CSS property sets whether the mask reference defined by `mask-image` is treated as a luminance or alpha mask.\n\n**Syntax**: `<masking-mode>#`\n\n**Initial value**: `match-source`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | **53** | **15.4** | No | No |"
|
21970
21986
|
},
|
21971
21987
|
"maskOrigin": {
|
21972
21988
|
"$ref": "#/definitions/Property.MaskOrigin",
|
21973
|
-
"description": "The **`mask-origin`** CSS property sets the origin of a mask.\n\n**Syntax**: `<geometry-box>#`\n\n**Initial value**: `border-box`\n\n| Chrome | Firefox | Safari |
|
21989
|
+
"description": "The **`mask-origin`** CSS property sets the origin of a mask.\n\n**Syntax**: `<geometry-box>#`\n\n**Initial value**: `border-box`\n\n| Chrome | Firefox | Safari | Edge | IE | | :---------: | :-----: | :------: | :----------: | :-: | | **1** _-x-_ | **53** | **15.4** | **79** _-x-_ | No | | | | 4 _-x-_ | | |"
|
21974
21990
|
},
|
21975
21991
|
"maskPosition": {
|
21976
21992
|
"$ref": "#/definitions/Property.MaskPosition%3C(string%7Cnumber)%3E",
|
@@ -21986,23 +22002,15 @@
|
|
21986
22002
|
},
|
21987
22003
|
"maskType": {
|
21988
22004
|
"$ref": "#/definitions/Property.MaskType",
|
21989
|
-
"description": "The **`mask-type`** CSS property sets whether an SVG `<mask>` element is used as a _luminance_ or an _alpha_ mask. It applies to the `<mask>` element itself.\n\n**Syntax**: `luminance | alpha`\n\n**Initial value**: `luminance`\n\n| Chrome | Firefox | Safari |
|
21990
|
-
},
|
21991
|
-
"mathDepth": {
|
21992
|
-
"$ref": "#/definitions/Property.MathDepth",
|
21993
|
-
"description": "The **`math-depth`** property describes a notion of _depth_ for each element of a mathematical formula, with respect to the top-level container of that formula. Concretely, this is used to determine the computed value of the font-size property when its specified value is `math`.\n\n**Syntax**: `auto-add | add(<integer>) | <integer>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | n/a | n/a | No | n/a | No |"
|
21994
|
-
},
|
21995
|
-
"mathShift": {
|
21996
|
-
"$ref": "#/definitions/Property.MathShift",
|
21997
|
-
"description": "The `math-shift` property indicates whether superscripts inside MathML formulas should be raised by a normal or compact shift.\n\n**Syntax**: `normal | compact`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | n/a | No | No | n/a | No |"
|
22005
|
+
"description": "The **`mask-type`** CSS property sets whether an SVG `<mask>` element is used as a _luminance_ or an _alpha_ mask. It applies to the `<mask>` element itself.\n\n**Syntax**: `luminance | alpha`\n\n**Initial value**: `luminance`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **24** | **35** | **7** | **79** | No |"
|
21998
22006
|
},
|
21999
22007
|
"mathStyle": {
|
22000
22008
|
"$ref": "#/definitions/Property.MathStyle",
|
22001
|
-
"description": "The `math-style` property indicates whether MathML equations should render with normal or compact height.\n\n**Syntax**: `normal | compact`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | n/a | n/a | **14.1** |
|
22009
|
+
"description": "The `math-style` property indicates whether MathML equations should render with normal or compact height.\n\n**Syntax**: `normal | compact`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | n/a | n/a | **14.1** | No | No |"
|
22002
22010
|
},
|
22003
22011
|
"maxBlockSize": {
|
22004
22012
|
"$ref": "#/definitions/Property.MaxBlockSize%3C(string%7Cnumber)%3E",
|
22005
|
-
"description": "The **`max-block-size`** CSS property specifies the maximum size of an element in the direction opposite that of the writing direction as specified by `writing-mode`. That is, if the writing direction is horizontal, then `max-block-size` is equivalent to `max-height`; if the writing direction is vertical, `max-block-size` is the same as `max-width`.\n\n**Syntax**: `<'max-width'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |
|
22013
|
+
"description": "The **`max-block-size`** CSS property specifies the maximum size of an element in the direction opposite that of the writing direction as specified by `writing-mode`. That is, if the writing direction is horizontal, then `max-block-size` is equivalent to `max-height`; if the writing direction is vertical, `max-block-size` is the same as `max-width`.\n\n**Syntax**: `<'max-width'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |"
|
22006
22014
|
},
|
22007
22015
|
"maxHeight": {
|
22008
22016
|
"$ref": "#/definitions/Property.MaxHeight%3C(string%7Cnumber)%3E",
|
@@ -22010,7 +22018,7 @@
|
|
22010
22018
|
},
|
22011
22019
|
"maxInlineSize": {
|
22012
22020
|
"$ref": "#/definitions/Property.MaxInlineSize%3C(string%7Cnumber)%3E",
|
22013
|
-
"description": "The **`max-inline-size`** CSS property defines the horizontal or vertical maximum size of an element's block, depending on its writing mode. It corresponds to either the `max-width` or the `max-height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'max-width'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |
|
22021
|
+
"description": "The **`max-inline-size`** CSS property defines the horizontal or vertical maximum size of an element's block, depending on its writing mode. It corresponds to either the `max-width` or the `max-height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'max-width'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :--------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No | | | | 10.1 _-x-_ | | |"
|
22014
22022
|
},
|
22015
22023
|
"maxLines": {
|
22016
22024
|
"$ref": "#/definitions/Property.MaxLines",
|
@@ -22022,7 +22030,7 @@
|
|
22022
22030
|
},
|
22023
22031
|
"minBlockSize": {
|
22024
22032
|
"$ref": "#/definitions/Property.MinBlockSize%3C(string%7Cnumber)%3E",
|
22025
|
-
"description": "The **`min-block-size`** CSS property defines the minimum horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the `min-width` or the `min-height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'min-width'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22033
|
+
"description": "The **`min-block-size`** CSS property defines the minimum horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the `min-width` or the `min-height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'min-width'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |"
|
22026
22034
|
},
|
22027
22035
|
"minHeight": {
|
22028
22036
|
"$ref": "#/definitions/Property.MinHeight%3C(string%7Cnumber)%3E",
|
@@ -22030,7 +22038,7 @@
|
|
22030
22038
|
},
|
22031
22039
|
"minInlineSize": {
|
22032
22040
|
"$ref": "#/definitions/Property.MinInlineSize%3C(string%7Cnumber)%3E",
|
22033
|
-
"description": "The **`min-inline-size`** CSS property defines the horizontal or vertical minimal size of an element's block, depending on its writing mode. It corresponds to either the `min-width` or the `min-height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'min-width'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22041
|
+
"description": "The **`min-inline-size`** CSS property defines the horizontal or vertical minimal size of an element's block, depending on its writing mode. It corresponds to either the `min-width` or the `min-height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'min-width'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |"
|
22034
22042
|
},
|
22035
22043
|
"minWidth": {
|
22036
22044
|
"$ref": "#/definitions/Property.MinWidth%3C(string%7Cnumber)%3E",
|
@@ -22038,19 +22046,19 @@
|
|
22038
22046
|
},
|
22039
22047
|
"mixBlendMode": {
|
22040
22048
|
"$ref": "#/definitions/Property.MixBlendMode",
|
22041
|
-
"description": "The **`mix-blend-mode`** CSS property sets how an element's content should blend with the content of the element's parent and the element's background.\n\n**Syntax**: `<blend-mode> | plus-lighter`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |
|
22049
|
+
"description": "The **`mix-blend-mode`** CSS property sets how an element's content should blend with the content of the element's parent and the element's background.\n\n**Syntax**: `<blend-mode> | plus-lighter`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **41** | **32** | **8** | **79** | No |"
|
22042
22050
|
},
|
22043
22051
|
"motionDistance": {
|
22044
22052
|
"$ref": "#/definitions/Property.OffsetDistance%3C(string%7Cnumber)%3E",
|
22045
|
-
"description": "The **`offset-distance`** CSS property specifies a position along an `offset-path` for an element to be placed.\n\n**Syntax**: `<length-percentage>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22053
|
+
"description": "The **`offset-distance`** CSS property specifies a position along an `offset-path` for an element to be placed.\n\n**Syntax**: `<length-percentage>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **55** | **72** | No | **79** | No | | 46 _(motion-distance)_ | | | | |"
|
22046
22054
|
},
|
22047
22055
|
"motionPath": {
|
22048
22056
|
"$ref": "#/definitions/Property.OffsetPath",
|
22049
|
-
"description": "The **`offset-path`** CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.\n\n**Syntax**: `none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |
|
22057
|
+
"description": "The **`offset-path`** CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.\n\n**Syntax**: `none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----------------: | :-----: | :----: | :----: | :-: | | **55** | **72** | No | **79** | No | | 46 _(motion-path)_ | | | | |"
|
22050
22058
|
},
|
22051
22059
|
"motionRotation": {
|
22052
22060
|
"$ref": "#/definitions/Property.OffsetRotate",
|
22053
|
-
"description": "The **`offset-rotate`** CSS property defines the orientation/direction of the element as it is positioned along the `offset-path`.\n\n**Syntax**: `[ auto | reverse ] || <angle>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22061
|
+
"description": "The **`offset-rotate`** CSS property defines the orientation/direction of the element as it is positioned along the `offset-path`.\n\n**Syntax**: `[ auto | reverse ] || <angle>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **56** | **72** | No | **79** | No | | 46 _(motion-rotation)_ | | | | |"
|
22054
22062
|
},
|
22055
22063
|
"objectFit": {
|
22056
22064
|
"$ref": "#/definitions/Property.ObjectFit",
|
@@ -22062,23 +22070,23 @@
|
|
22062
22070
|
},
|
22063
22071
|
"offsetAnchor": {
|
22064
22072
|
"$ref": "#/definitions/Property.OffsetAnchor%3C(string%7Cnumber)%3E",
|
22065
|
-
"description": "**Syntax**: `auto | <position>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **72** | No |
|
22073
|
+
"description": "**Syntax**: `auto | <position>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **72** | No | No | No |"
|
22066
22074
|
},
|
22067
22075
|
"offsetDistance": {
|
22068
22076
|
"$ref": "#/definitions/Property.OffsetDistance%3C(string%7Cnumber)%3E",
|
22069
|
-
"description": "The **`offset-distance`** CSS property specifies a position along an `offset-path` for an element to be placed.\n\n**Syntax**: `<length-percentage>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22077
|
+
"description": "The **`offset-distance`** CSS property specifies a position along an `offset-path` for an element to be placed.\n\n**Syntax**: `<length-percentage>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **55** | **72** | No | **79** | No | | 46 _(motion-distance)_ | | | | |"
|
22070
22078
|
},
|
22071
22079
|
"offsetPath": {
|
22072
22080
|
"$ref": "#/definitions/Property.OffsetPath",
|
22073
|
-
"description": "The **`offset-path`** CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.\n\n**Syntax**: `none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox |
|
22081
|
+
"description": "The **`offset-path`** CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.\n\n**Syntax**: `none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> | [ <basic-shape> || <geometry-box> ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----------------: | :-----: | :----: | :----: | :-: | | **55** | **72** | No | **79** | No | | 46 _(motion-path)_ | | | | |"
|
22074
22082
|
},
|
22075
22083
|
"offsetRotate": {
|
22076
22084
|
"$ref": "#/definitions/Property.OffsetRotate",
|
22077
|
-
"description": "The **`offset-rotate`** CSS property defines the orientation/direction of the element as it is positioned along the `offset-path`.\n\n**Syntax**: `[ auto | reverse ] || <angle>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22085
|
+
"description": "The **`offset-rotate`** CSS property defines the orientation/direction of the element as it is positioned along the `offset-path`.\n\n**Syntax**: `[ auto | reverse ] || <angle>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **56** | **72** | No | **79** | No | | 46 _(motion-rotation)_ | | | | |"
|
22078
22086
|
},
|
22079
22087
|
"offsetRotation": {
|
22080
22088
|
"$ref": "#/definitions/Property.OffsetRotate",
|
22081
|
-
"description": "The **`offset-rotate`** CSS property defines the orientation/direction of the element as it is positioned along the `offset-path`.\n\n**Syntax**: `[ auto | reverse ] || <angle>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22089
|
+
"description": "The **`offset-rotate`** CSS property defines the orientation/direction of the element as it is positioned along the `offset-path`.\n\n**Syntax**: `[ auto | reverse ] || <angle>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **56** | **72** | No | **79** | No | | 46 _(motion-rotation)_ | | | | |"
|
22082
22090
|
},
|
22083
22091
|
"order": {
|
22084
22092
|
"$ref": "#/definitions/Property.Order",
|
@@ -22106,23 +22114,23 @@
|
|
22106
22114
|
},
|
22107
22115
|
"overflowAnchor": {
|
22108
22116
|
"$ref": "#/definitions/Property.OverflowAnchor",
|
22109
|
-
"description": "**Syntax**: `auto | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22117
|
+
"description": "**Syntax**: `auto | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **56** | **66** | No | **79** | No |"
|
22110
22118
|
},
|
22111
22119
|
"overflowBlock": {
|
22112
22120
|
"$ref": "#/definitions/Property.OverflowBlock",
|
22113
|
-
"description": "**Syntax**: `visible | hidden | clip | scroll | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **69** | No |
|
22121
|
+
"description": "**Syntax**: `visible | hidden | clip | scroll | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **69** | No | No | No |"
|
22114
22122
|
},
|
22115
22123
|
"overflowClipBox": {
|
22116
22124
|
"$ref": "#/definitions/Property.OverflowClipBox",
|
22117
|
-
"description": "The **`overflow-clip-box`** CSS property specifies relative to which box the clipping happens when there is an overflow. It is short hand for the `overflow-clip-box-inline` and `overflow-clip-box-block` properties.\n\n**Syntax**: `padding-box | content-box`\n\n**Initial value**: `padding-box`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **29** | No |
|
22125
|
+
"description": "The **`overflow-clip-box`** CSS property specifies relative to which box the clipping happens when there is an overflow. It is short hand for the `overflow-clip-box-inline` and `overflow-clip-box-block` properties.\n\n**Syntax**: `padding-box | content-box`\n\n**Initial value**: `padding-box`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **29** | No | No | No |"
|
22118
22126
|
},
|
22119
22127
|
"overflowClipMargin": {
|
22120
22128
|
"$ref": "#/definitions/Property.OverflowClipMargin%3C(string%7Cnumber)%3E",
|
22121
|
-
"description": "**Syntax**: `<visual-box> || <length [0,∞]>`\n\n**Initial value**: `0px`\n\n| Chrome | Firefox | Safari |
|
22129
|
+
"description": "**Syntax**: `<visual-box> || <length [0,∞]>`\n\n**Initial value**: `0px`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **90** | No | No | **90** | No |"
|
22122
22130
|
},
|
22123
22131
|
"overflowInline": {
|
22124
22132
|
"$ref": "#/definitions/Property.OverflowInline",
|
22125
|
-
"description": "**Syntax**: `visible | hidden | clip | scroll | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **69** | No |
|
22133
|
+
"description": "**Syntax**: `visible | hidden | clip | scroll | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **69** | No | No | No |"
|
22126
22134
|
},
|
22127
22135
|
"overflowWrap": {
|
22128
22136
|
"$ref": "#/definitions/Property.OverflowWrap",
|
@@ -22138,31 +22146,31 @@
|
|
22138
22146
|
},
|
22139
22147
|
"overscrollBehaviorBlock": {
|
22140
22148
|
"$ref": "#/definitions/Property.OverscrollBehaviorBlock",
|
22141
|
-
"description": "The **`overscroll-behavior-block`** CSS property sets the browser's behavior when the block direction boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22149
|
+
"description": "The **`overscroll-behavior-block`** CSS property sets the browser's behavior when the block direction boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **77** | **73** | No | **79** | No |"
|
22142
22150
|
},
|
22143
22151
|
"overscrollBehaviorInline": {
|
22144
22152
|
"$ref": "#/definitions/Property.OverscrollBehaviorInline",
|
22145
|
-
"description": "The **`overscroll-behavior-inline`** CSS property sets the browser's behavior when the inline direction boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22153
|
+
"description": "The **`overscroll-behavior-inline`** CSS property sets the browser's behavior when the inline direction boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **77** | **73** | No | **79** | No |"
|
22146
22154
|
},
|
22147
22155
|
"overscrollBehaviorX": {
|
22148
22156
|
"$ref": "#/definitions/Property.OverscrollBehaviorX",
|
22149
|
-
"description": "The **`overscroll-behavior-x`** CSS property sets the browser's behavior when the horizontal boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59** |
|
22157
|
+
"description": "The **`overscroll-behavior-x`** CSS property sets the browser's behavior when the horizontal boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59** | No | **18** | No |"
|
22150
22158
|
},
|
22151
22159
|
"overscrollBehaviorY": {
|
22152
22160
|
"$ref": "#/definitions/Property.OverscrollBehaviorY",
|
22153
|
-
"description": "The **`overscroll-behavior-y`** CSS property sets the browser's behavior when the vertical boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59** |
|
22161
|
+
"description": "The **`overscroll-behavior-y`** CSS property sets the browser's behavior when the vertical boundary of a scrolling area is reached.\n\n**Syntax**: `contain | none | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **63** | **59** | No | **18** | No |"
|
22154
22162
|
},
|
22155
22163
|
"paddingBlock": {
|
22156
22164
|
"$ref": "#/definitions/Property.PaddingBlock%3C(string%7Cnumber)%3E",
|
22157
|
-
"description": "The **`padding-block`** CSS shorthand property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22165
|
+
"description": "The **`padding-block`** CSS shorthand property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |"
|
22158
22166
|
},
|
22159
22167
|
"paddingBlockEnd": {
|
22160
22168
|
"$ref": "#/definitions/Property.PaddingBlockEnd%3C(string%7Cnumber)%3E",
|
22161
|
-
"description": "The **`padding-block-end`** CSS property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22169
|
+
"description": "The **`padding-block-end`** CSS property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **41** | **12.1** | **87** | No |"
|
22162
22170
|
},
|
22163
22171
|
"paddingBlockStart": {
|
22164
22172
|
"$ref": "#/definitions/Property.PaddingBlockStart%3C(string%7Cnumber)%3E",
|
22165
|
-
"description": "The **`padding-block-start`** CSS property defines the logical block start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22173
|
+
"description": "The **`padding-block-start`** CSS property defines the logical block start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **41** | **12.1** | **87** | No |"
|
22166
22174
|
},
|
22167
22175
|
"paddingBottom": {
|
22168
22176
|
"$ref": "#/definitions/Property.PaddingBottom%3C(string%7Cnumber)%3E",
|
@@ -22170,15 +22178,15 @@
|
|
22170
22178
|
},
|
22171
22179
|
"paddingInline": {
|
22172
22180
|
"$ref": "#/definitions/Property.PaddingInline%3C(string%7Cnumber)%3E",
|
22173
|
-
"description": "The **`padding-inline`** CSS shorthand property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22181
|
+
"description": "The **`padding-inline`** CSS shorthand property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |"
|
22174
22182
|
},
|
22175
22183
|
"paddingInlineEnd": {
|
22176
22184
|
"$ref": "#/definitions/Property.PaddingInlineEnd%3C(string%7Cnumber)%3E",
|
22177
|
-
"description": "The **`padding-inline-end`** CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22185
|
+
"description": "The **`padding-inline-end`** CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----------------------: | :--------------------: | :-----------------------: | :------------------------: | :-: | | **87** | **41** | **12.1** | **87** | No | | 2 _(-webkit-padding-end)_ | 3 _(-moz-padding-end)_ | 3 _(-webkit-padding-end)_ | 79 _(-webkit-padding-end)_ | |"
|
22178
22186
|
},
|
22179
22187
|
"paddingInlineStart": {
|
22180
22188
|
"$ref": "#/definitions/Property.PaddingInlineStart%3C(string%7Cnumber)%3E",
|
22181
|
-
"description": "The **`padding-inline-start`** CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22189
|
+
"description": "The **`padding-inline-start`** CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'padding-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-------------------------: | :----------------------: | :-------------------------: | :--------------------------: | :-: | | **87** | **41** | **12.1** | **87** | No | | 2 _(-webkit-padding-start)_ | 3 _(-moz-padding-start)_ | 3 _(-webkit-padding-start)_ | 79 _(-webkit-padding-start)_ | |"
|
22182
22190
|
},
|
22183
22191
|
"paddingLeft": {
|
22184
22192
|
"$ref": "#/definitions/Property.PaddingLeft%3C(string%7Cnumber)%3E",
|
@@ -22214,7 +22222,7 @@
|
|
22214
22222
|
},
|
22215
22223
|
"placeContent": {
|
22216
22224
|
"$ref": "#/definitions/Property.PlaceContent",
|
22217
|
-
"description": "The **`place-content`** CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the `align-content` and `justify-content` properties) in a relevant layout system such as Grid or Flexbox.\n\n**Syntax**: `<'align-content'> <'justify-content'>?`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |
|
22225
|
+
"description": "The **`place-content`** CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the `align-content` and `justify-content` properties) in a relevant layout system such as Grid or Flexbox.\n\n**Syntax**: `<'align-content'> <'justify-content'>?`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **59** | **45** | **9** | **79** | No |"
|
22218
22226
|
},
|
22219
22227
|
"position": {
|
22220
22228
|
"$ref": "#/definitions/Property.Position",
|
@@ -22230,7 +22238,7 @@
|
|
22230
22238
|
},
|
22231
22239
|
"resize": {
|
22232
22240
|
"$ref": "#/definitions/Property.Resize",
|
22233
|
-
"description": "The **`resize`** CSS property sets whether an element is resizable, and if so, in which directions.\n\n**Syntax**: `none | both | horizontal | vertical | block | inline`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |
|
22241
|
+
"description": "The **`resize`** CSS property sets whether an element is resizable, and if so, in which directions.\n\n**Syntax**: `none | both | horizontal | vertical | block | inline`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **1** | **4** | **3** | **79** | No |"
|
22234
22242
|
},
|
22235
22243
|
"right": {
|
22236
22244
|
"$ref": "#/definitions/Property.Right%3C(string%7Cnumber)%3E",
|
@@ -22238,15 +22246,15 @@
|
|
22238
22246
|
},
|
22239
22247
|
"rotate": {
|
22240
22248
|
"$ref": "#/definitions/Property.Rotate",
|
22241
|
-
"description": "The **`rotate`** CSS property allows you to specify rotation transforms individually and independently of the `transform` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the `transform` property.\n\n**Syntax**: `none | <angle> | [ x | y | z | <number>{3} ] && <angle>`\n\n**Initial value**: `none`\n\n| Chrome
|
22249
|
+
"description": "The **`rotate`** CSS property allows you to specify rotation transforms individually and independently of the `transform` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the `transform` property.\n\n**Syntax**: `none | <angle> | [ x | y | z | <number>{3} ] && <angle>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | **72** | **14.1** | No | No |"
|
22242
22250
|
},
|
22243
22251
|
"rowGap": {
|
22244
22252
|
"$ref": "#/definitions/Property.RowGap%3C(string%7Cnumber)%3E",
|
22245
|
-
"description": "The **`row-gap`** CSS property sets the size of the gap (gutter) between an element's grid rows.\n\n**Syntax**: `normal | <length-percentage>`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **
|
22253
|
+
"description": "The **`row-gap`** CSS property sets the size of the gap (gutter) between an element's grid rows.\n\n**Syntax**: `normal | <length-percentage>`\n\n**Initial value**: `normal`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **84** | **63** | **14.1** | **84** | No |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----------------: | :-----------------: | :-------------------: | :----: | :-: | | **66** | **61** | **12** | **16** | No | | 57 _(grid-row-gap)_ | 52 _(grid-row-gap)_ | 10.1 _(grid-row-gap)_ | | |\n\n---"
|
22246
22254
|
},
|
22247
22255
|
"rubyAlign": {
|
22248
22256
|
"$ref": "#/definitions/Property.RubyAlign",
|
22249
|
-
"description": "The **`ruby-align`** CSS property defines the distribution of the different ruby elements over the base.\n\n**Syntax**: `start | center | space-between | space-around`\n\n**Initial value**: `space-around`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **38** | No |
|
22257
|
+
"description": "The **`ruby-align`** CSS property defines the distribution of the different ruby elements over the base.\n\n**Syntax**: `start | center | space-between | space-around`\n\n**Initial value**: `space-around`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **38** | No | No | No |"
|
22250
22258
|
},
|
22251
22259
|
"rubyMerge": {
|
22252
22260
|
"$ref": "#/definitions/Property.RubyMerge",
|
@@ -22258,127 +22266,127 @@
|
|
22258
22266
|
},
|
22259
22267
|
"scale": {
|
22260
22268
|
"$ref": "#/definitions/Property.Scale",
|
22261
|
-
"description": "The **`scale`** CSS property allows you to specify scale transforms individually and independently of the `transform` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the `transform` value.\n\n**Syntax**: `none | <number>{1,3}`\n\n**Initial value**: `none`\n\n| Chrome
|
22269
|
+
"description": "The **`scale`** CSS property allows you to specify scale transforms individually and independently of the `transform` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the `transform` value.\n\n**Syntax**: `none | <number>{1,3}`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | **72** | **14.1** | No | No |"
|
22262
22270
|
},
|
22263
22271
|
"scrollBehavior": {
|
22264
22272
|
"$ref": "#/definitions/Property.ScrollBehavior",
|
22265
|
-
"description": "The **`scroll-behavior`** CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs.\n\n**Syntax**: `auto | smooth`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22273
|
+
"description": "The **`scroll-behavior`** CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs.\n\n**Syntax**: `auto | smooth`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **61** | **36** | **15.4** | **79** | No |"
|
22266
22274
|
},
|
22267
22275
|
"scrollMargin": {
|
22268
22276
|
"$ref": "#/definitions/Property.ScrollMargin%3C(string%7Cnumber)%3E",
|
22269
|
-
"description": "The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.\n\n**Syntax**: `<length>{1,4}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22277
|
+
"description": "The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.\n\n**Syntax**: `<length>{1,4}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----------------------: | :----: | :-: | | **69** | **90** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin)_ | | |"
|
22270
22278
|
},
|
22271
22279
|
"scrollMarginBlock": {
|
22272
22280
|
"$ref": "#/definitions/Property.ScrollMarginBlock%3C(string%7Cnumber)%3E",
|
22273
|
-
"description": "The `scroll-margin-block` shorthand property sets the scroll margins of an element in the block dimension.\n\n**Syntax**: `<length>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22281
|
+
"description": "The `scroll-margin-block` shorthand property sets the scroll margins of an element in the block dimension.\n\n**Syntax**: `<length>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |"
|
22274
22282
|
},
|
22275
22283
|
"scrollMarginBlockEnd": {
|
22276
22284
|
"$ref": "#/definitions/Property.ScrollMarginBlockEnd%3C(string%7Cnumber)%3E",
|
22277
|
-
"description": "The `scroll-margin-block-end` property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22285
|
+
"description": "The `scroll-margin-block-end` property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |"
|
22278
22286
|
},
|
22279
22287
|
"scrollMarginBlockStart": {
|
22280
22288
|
"$ref": "#/definitions/Property.ScrollMarginBlockStart%3C(string%7Cnumber)%3E",
|
22281
|
-
"description": "The `scroll-margin-block-start` property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22289
|
+
"description": "The `scroll-margin-block-start` property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |"
|
22282
22290
|
},
|
22283
22291
|
"scrollMarginBottom": {
|
22284
22292
|
"$ref": "#/definitions/Property.ScrollMarginBottom%3C(string%7Cnumber)%3E",
|
22285
|
-
"description": "The `scroll-margin-bottom` property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22293
|
+
"description": "The `scroll-margin-bottom` property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-bottom)_ | | |"
|
22286
22294
|
},
|
22287
22295
|
"scrollMarginInline": {
|
22288
22296
|
"$ref": "#/definitions/Property.ScrollMarginInline%3C(string%7Cnumber)%3E",
|
22289
|
-
"description": "The `scroll-margin-inline` shorthand property sets the scroll margins of an element in the inline dimension.\n\n**Syntax**: `<length>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22297
|
+
"description": "The `scroll-margin-inline` shorthand property sets the scroll margins of an element in the inline dimension.\n\n**Syntax**: `<length>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |"
|
22290
22298
|
},
|
22291
22299
|
"scrollMarginInlineEnd": {
|
22292
22300
|
"$ref": "#/definitions/Property.ScrollMarginInlineEnd%3C(string%7Cnumber)%3E",
|
22293
|
-
"description": "The `scroll-margin-inline-end` property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22301
|
+
"description": "The `scroll-margin-inline-end` property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |"
|
22294
22302
|
},
|
22295
22303
|
"scrollMarginInlineStart": {
|
22296
22304
|
"$ref": "#/definitions/Property.ScrollMarginInlineStart%3C(string%7Cnumber)%3E",
|
22297
|
-
"description": "The `scroll-margin-inline-start` property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22305
|
+
"description": "The `scroll-margin-inline-start` property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |"
|
22298
22306
|
},
|
22299
22307
|
"scrollMarginLeft": {
|
22300
22308
|
"$ref": "#/definitions/Property.ScrollMarginLeft%3C(string%7Cnumber)%3E",
|
22301
|
-
"description": "The `scroll-margin-left` property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22309
|
+
"description": "The `scroll-margin-left` property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-left)_ | | |"
|
22302
22310
|
},
|
22303
22311
|
"scrollMarginRight": {
|
22304
22312
|
"$ref": "#/definitions/Property.ScrollMarginRight%3C(string%7Cnumber)%3E",
|
22305
|
-
"description": "The `scroll-margin-right` property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22313
|
+
"description": "The `scroll-margin-right` property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-right)_ | | |"
|
22306
22314
|
},
|
22307
22315
|
"scrollMarginTop": {
|
22308
22316
|
"$ref": "#/definitions/Property.ScrollMarginTop%3C(string%7Cnumber)%3E",
|
22309
|
-
"description": "The `scroll-margin-top` property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22317
|
+
"description": "The `scroll-margin-top` property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :---------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-top)_ | | |"
|
22310
22318
|
},
|
22311
22319
|
"scrollPadding": {
|
22312
22320
|
"$ref": "#/definitions/Property.ScrollPadding%3C(string%7Cnumber)%3E",
|
22313
|
-
"description": "The **`scroll-padding`** shorthand property sets scroll padding on all sides of an element at once, much like the `padding` property does for padding on an element.\n\n**Syntax**: `[ auto | <length-percentage> ]{1,4}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22321
|
+
"description": "The **`scroll-padding`** shorthand property sets scroll padding on all sides of an element at once, much like the `padding` property does for padding on an element.\n\n**Syntax**: `[ auto | <length-percentage> ]{1,4}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |"
|
22314
22322
|
},
|
22315
22323
|
"scrollPaddingBlock": {
|
22316
22324
|
"$ref": "#/definitions/Property.ScrollPaddingBlock%3C(string%7Cnumber)%3E",
|
22317
|
-
"description": "The `scroll-padding-block` shorthand property sets the scroll padding of an element in the block dimension.\n\n**Syntax**: `[ auto | <length-percentage> ]{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22325
|
+
"description": "The `scroll-padding-block` shorthand property sets the scroll padding of an element in the block dimension.\n\n**Syntax**: `[ auto | <length-percentage> ]{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |"
|
22318
22326
|
},
|
22319
22327
|
"scrollPaddingBlockEnd": {
|
22320
22328
|
"$ref": "#/definitions/Property.ScrollPaddingBlockEnd%3C(string%7Cnumber)%3E",
|
22321
|
-
"description": "The `scroll-padding-block-end` property defines offsets for the end edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22329
|
+
"description": "The `scroll-padding-block-end` property defines offsets for the end edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |"
|
22322
22330
|
},
|
22323
22331
|
"scrollPaddingBlockStart": {
|
22324
22332
|
"$ref": "#/definitions/Property.ScrollPaddingBlockStart%3C(string%7Cnumber)%3E",
|
22325
|
-
"description": "The `scroll-padding-block-start` property defines offsets for the start edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22333
|
+
"description": "The `scroll-padding-block-start` property defines offsets for the start edge in the block dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |"
|
22326
22334
|
},
|
22327
22335
|
"scrollPaddingBottom": {
|
22328
22336
|
"$ref": "#/definitions/Property.ScrollPaddingBottom%3C(string%7Cnumber)%3E",
|
22329
|
-
"description": "The `scroll-padding-bottom` property defines offsets for the bottom of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22337
|
+
"description": "The `scroll-padding-bottom` property defines offsets for the bottom of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |"
|
22330
22338
|
},
|
22331
22339
|
"scrollPaddingInline": {
|
22332
22340
|
"$ref": "#/definitions/Property.ScrollPaddingInline%3C(string%7Cnumber)%3E",
|
22333
|
-
"description": "The `scroll-padding-inline` shorthand property sets the scroll padding of an element in the inline dimension.\n\n**Syntax**: `[ auto | <length-percentage> ]{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22341
|
+
"description": "The `scroll-padding-inline` shorthand property sets the scroll padding of an element in the inline dimension.\n\n**Syntax**: `[ auto | <length-percentage> ]{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |"
|
22334
22342
|
},
|
22335
22343
|
"scrollPaddingInlineEnd": {
|
22336
22344
|
"$ref": "#/definitions/Property.ScrollPaddingInlineEnd%3C(string%7Cnumber)%3E",
|
22337
|
-
"description": "The `scroll-padding-inline-end` property defines offsets for the end edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22345
|
+
"description": "The `scroll-padding-inline-end` property defines offsets for the end edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |"
|
22338
22346
|
},
|
22339
22347
|
"scrollPaddingInlineStart": {
|
22340
22348
|
"$ref": "#/definitions/Property.ScrollPaddingInlineStart%3C(string%7Cnumber)%3E",
|
22341
|
-
"description": "The `scroll-padding-inline-start` property defines offsets for the start edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22349
|
+
"description": "The `scroll-padding-inline-start` property defines offsets for the start edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **15** | **79** | No |"
|
22342
22350
|
},
|
22343
22351
|
"scrollPaddingLeft": {
|
22344
22352
|
"$ref": "#/definitions/Property.ScrollPaddingLeft%3C(string%7Cnumber)%3E",
|
22345
|
-
"description": "The `scroll-padding-left` property defines offsets for the left of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22353
|
+
"description": "The `scroll-padding-left` property defines offsets for the left of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |"
|
22346
22354
|
},
|
22347
22355
|
"scrollPaddingRight": {
|
22348
22356
|
"$ref": "#/definitions/Property.ScrollPaddingRight%3C(string%7Cnumber)%3E",
|
22349
|
-
"description": "The `scroll-padding-right` property defines offsets for the right of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22357
|
+
"description": "The `scroll-padding-right` property defines offsets for the right of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |"
|
22350
22358
|
},
|
22351
22359
|
"scrollPaddingTop": {
|
22352
22360
|
"$ref": "#/definitions/Property.ScrollPaddingTop%3C(string%7Cnumber)%3E",
|
22353
|
-
"description": "The **`scroll-padding-top`** property defines offsets for the top of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22361
|
+
"description": "The **`scroll-padding-top`** property defines offsets for the top of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.\n\n**Syntax**: `auto | <length-percentage>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No |"
|
22354
22362
|
},
|
22355
22363
|
"scrollSnapAlign": {
|
22356
22364
|
"$ref": "#/definitions/Property.ScrollSnapAlign",
|
22357
|
-
"description": "The `scroll-snap-align` property specifies the box's snap position as an alignment of its snap area (as the alignment subject) within its snap container's snapport (as the alignment container). The two values specify the snapping alignment in the block axis and inline axis, respectively. If only one value is specified, the second value defaults to the same value.\n\n**Syntax**: `[ none | start | end | center ]{1,2}`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |
|
22365
|
+
"description": "The `scroll-snap-align` property specifies the box's snap position as an alignment of its snap area (as the alignment subject) within its snap container's snapport (as the alignment container). The two values specify the snapping alignment in the block axis and inline axis, respectively. If only one value is specified, the second value defaults to the same value.\n\n**Syntax**: `[ none | start | end | center ]{1,2}`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **69** | **68** | **11** | **79** | No |"
|
22358
22366
|
},
|
22359
22367
|
"scrollSnapMargin": {
|
22360
22368
|
"$ref": "#/definitions/Property.ScrollMargin%3C(string%7Cnumber)%3E",
|
22361
|
-
"description": "The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.\n\n**Syntax**: `<length>{1,4}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22369
|
+
"description": "The **`scroll-margin`** shorthand property sets all of the scroll margins of an element at once, assigning values much like the `margin` property does for margins of an element.\n\n**Syntax**: `<length>{1,4}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----------------------: | :----: | :-: | | **69** | 68-90 | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin)_ | | |"
|
22362
22370
|
},
|
22363
22371
|
"scrollSnapMarginBottom": {
|
22364
22372
|
"$ref": "#/definitions/Property.ScrollMarginBottom%3C(string%7Cnumber)%3E",
|
22365
|
-
"description": "The `scroll-margin-bottom` property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22373
|
+
"description": "The `scroll-margin-bottom` property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-bottom)_ | | |"
|
22366
22374
|
},
|
22367
22375
|
"scrollSnapMarginLeft": {
|
22368
22376
|
"$ref": "#/definitions/Property.ScrollMarginLeft%3C(string%7Cnumber)%3E",
|
22369
|
-
"description": "The `scroll-margin-left` property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22377
|
+
"description": "The `scroll-margin-left` property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-left)_ | | |"
|
22370
22378
|
},
|
22371
22379
|
"scrollSnapMarginRight": {
|
22372
22380
|
"$ref": "#/definitions/Property.ScrollMarginRight%3C(string%7Cnumber)%3E",
|
22373
|
-
"description": "The `scroll-margin-right` property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22381
|
+
"description": "The `scroll-margin-right` property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-right)_ | | |"
|
22374
22382
|
},
|
22375
22383
|
"scrollSnapMarginTop": {
|
22376
22384
|
"$ref": "#/definitions/Property.ScrollMarginTop%3C(string%7Cnumber)%3E",
|
22377
|
-
"description": "The `scroll-margin-top` property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22385
|
+
"description": "The `scroll-margin-top` property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :---------------------------: | :----: | :-: | | **69** | **68** | **14.1** | **79** | No | | | | 11 _(scroll-snap-margin-top)_ | | |"
|
22378
22386
|
},
|
22379
22387
|
"scrollSnapStop": {
|
22380
22388
|
"$ref": "#/definitions/Property.ScrollSnapStop",
|
22381
|
-
"description": "The **`scroll-snap-stop`** CSS property defines whether the scroll container is allowed to \"pass over\" possible snap positions.\n\n**Syntax**: `normal | always`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |
|
22389
|
+
"description": "The **`scroll-snap-stop`** CSS property defines whether the scroll container is allowed to \"pass over\" possible snap positions.\n\n**Syntax**: `normal | always`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **75** | No | **15** | **79** | No |"
|
22382
22390
|
},
|
22383
22391
|
"scrollSnapType": {
|
22384
22392
|
"$ref": "#/definitions/Property.ScrollSnapType",
|
@@ -22386,31 +22394,31 @@
|
|
22386
22394
|
},
|
22387
22395
|
"scrollbarColor": {
|
22388
22396
|
"$ref": "#/definitions/Property.ScrollbarColor",
|
22389
|
-
"description": "The **`scrollbar-color`** CSS property sets the color of the scrollbar track and thumb.\n\n**Syntax**: `auto | <color>{2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **64** | No |
|
22397
|
+
"description": "The **`scrollbar-color`** CSS property sets the color of the scrollbar track and thumb.\n\n**Syntax**: `auto | <color>{2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **64** | No | No | No |"
|
22390
22398
|
},
|
22391
22399
|
"scrollbarGutter": {
|
22392
22400
|
"$ref": "#/definitions/Property.ScrollbarGutter",
|
22393
|
-
"description": "The **`scrollbar-gutter`** CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed.\n\n**Syntax**: `auto | stable && both-edges?`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22401
|
+
"description": "The **`scrollbar-gutter`** CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed.\n\n**Syntax**: `auto | stable && both-edges?`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **94** | **97** | No | **94** | No |"
|
22394
22402
|
},
|
22395
22403
|
"scrollbarWidth": {
|
22396
22404
|
"$ref": "#/definitions/Property.ScrollbarWidth",
|
22397
|
-
"description": "The **`scrollbar-width`** property allows the author to set the maximum thickness of an element's scrollbars when they are shown.\n\n**Syntax**: `auto | thin | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **64** | No |
|
22405
|
+
"description": "The **`scrollbar-width`** property allows the author to set the maximum thickness of an element's scrollbars when they are shown.\n\n**Syntax**: `auto | thin | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **64** | No | No | No |"
|
22398
22406
|
},
|
22399
22407
|
"shapeImageThreshold": {
|
22400
22408
|
"$ref": "#/definitions/Property.ShapeImageThreshold",
|
22401
|
-
"description": "The **`shape-image-threshold`** CSS property sets the alpha channel threshold used to extract the shape using an image as the value for `shape-outside`.\n\n**Syntax**: `<alpha-value>`\n\n**Initial value**: `0.0`\n\n| Chrome | Firefox | Safari |
|
22409
|
+
"description": "The **`shape-image-threshold`** CSS property sets the alpha channel threshold used to extract the shape using an image as the value for `shape-outside`.\n\n**Syntax**: `<alpha-value>`\n\n**Initial value**: `0.0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **37** | **62** | **10.1** | **79** | No |"
|
22402
22410
|
},
|
22403
22411
|
"shapeMargin": {
|
22404
22412
|
"$ref": "#/definitions/Property.ShapeMargin%3C(string%7Cnumber)%3E",
|
22405
|
-
"description": "The **`shape-margin`** CSS property sets a margin for a CSS shape created using `shape-outside`.\n\n**Syntax**: `<length-percentage>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari |
|
22413
|
+
"description": "The **`shape-margin`** CSS property sets a margin for a CSS shape created using `shape-outside`.\n\n**Syntax**: `<length-percentage>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **37** | **62** | **10.1** | **79** | No |"
|
22406
22414
|
},
|
22407
22415
|
"shapeOutside": {
|
22408
22416
|
"$ref": "#/definitions/Property.ShapeOutside",
|
22409
|
-
"description": "The **`shape-outside`** CSS property defines a shape—which may be non-rectangular—around which adjacent inline content should wrap. By default, inline content wraps around its margin box; `shape-outside` provides a way to customize this wrapping, making it possible to wrap text around complex objects rather than simple boxes.\n\n**Syntax**: `none | [ <shape-box> || <basic-shape> ] | <image>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |
|
22417
|
+
"description": "The **`shape-outside`** CSS property defines a shape—which may be non-rectangular—around which adjacent inline content should wrap. By default, inline content wraps around its margin box; `shape-outside` provides a way to customize this wrapping, making it possible to wrap text around complex objects rather than simple boxes.\n\n**Syntax**: `none | [ <shape-box> || <basic-shape> ] | <image>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **37** | **62** | **10.1** | **79** | No |"
|
22410
22418
|
},
|
22411
22419
|
"tabSize": {
|
22412
22420
|
"$ref": "#/definitions/Property.TabSize%3C(string%7Cnumber)%3E",
|
22413
|
-
"description": "The **`tab-size`** CSS property is used to customize the width of tab characters (U+0009).\n\n**Syntax**: `<integer> | <length>`\n\n**Initial value**: `8`\n\n| Chrome | Firefox | Safari |
|
22421
|
+
"description": "The **`tab-size`** CSS property is used to customize the width of tab characters (U+0009).\n\n**Syntax**: `<integer> | <length>`\n\n**Initial value**: `8`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **21** | **91** | **7** | **79** | No | | | 4 _-x-_ | | | |"
|
22414
22422
|
},
|
22415
22423
|
"tableLayout": {
|
22416
22424
|
"$ref": "#/definitions/Property.TableLayout",
|
@@ -22422,7 +22430,7 @@
|
|
22422
22430
|
},
|
22423
22431
|
"textAlignLast": {
|
22424
22432
|
"$ref": "#/definitions/Property.TextAlignLast",
|
22425
|
-
"description": "The **`text-align-last`** CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.\n\n**Syntax**: `auto | start | end | left | right | center | justify`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **47** | **49** |
|
22433
|
+
"description": "The **`text-align-last`** CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.\n\n**Syntax**: `auto | start | end | left | right | center | justify`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **47** | **49** | No | **12** | **5.5** |"
|
22426
22434
|
},
|
22427
22435
|
"textCombineUpright": {
|
22428
22436
|
"$ref": "#/definitions/Property.TextCombineUpright",
|
@@ -22430,39 +22438,43 @@
|
|
22430
22438
|
},
|
22431
22439
|
"textDecorationColor": {
|
22432
22440
|
"$ref": "#/definitions/Property.TextDecorationColor",
|
22433
|
-
"description": "The **`text-decoration-color`** CSS property sets the color of decorations added to text by `text-decoration-line`.\n\n**Syntax**: `<color>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari |
|
22441
|
+
"description": "The **`text-decoration-color`** CSS property sets the color of decorations added to text by `text-decoration-line`.\n\n**Syntax**: `<color>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **36** | **12.1** | **79** | No | | | | 8 _-x-_ | | |"
|
22434
22442
|
},
|
22435
22443
|
"textDecorationLine": {
|
22436
22444
|
"$ref": "#/definitions/Property.TextDecorationLine",
|
22437
|
-
"description": "The **`text-decoration-line`** CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline.\n\n**Syntax**: `none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |
|
22445
|
+
"description": "The **`text-decoration-line`** CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline.\n\n**Syntax**: `none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **36** | **12.1** | **79** | No | | | | 8 _-x-_ | | |"
|
22438
22446
|
},
|
22439
22447
|
"textDecorationSkip": {
|
22440
22448
|
"$ref": "#/definitions/Property.TextDecorationSkip",
|
22441
|
-
"description": "The **`text-decoration-skip`** CSS property sets what parts of an element's content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors.\n\n**Syntax**: `none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]`\n\n**Initial value**: `objects`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | 57-64 | No | **12.1** |
|
22449
|
+
"description": "The **`text-decoration-skip`** CSS property sets what parts of an element's content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors.\n\n**Syntax**: `none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]`\n\n**Initial value**: `objects`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | 57-64 | No | **12.1** | No | No | | | | 7 _-x-_ | | |"
|
22442
22450
|
},
|
22443
22451
|
"textDecorationSkipInk": {
|
22444
22452
|
"$ref": "#/definitions/Property.TextDecorationSkipInk",
|
22445
|
-
"description": "The **`text-decoration-skip-ink`** CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders.\n\n**Syntax**: `auto | all | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22453
|
+
"description": "The **`text-decoration-skip-ink`** CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders.\n\n**Syntax**: `auto | all | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **64** | **70** | **15.4** | **79** | No |"
|
22446
22454
|
},
|
22447
22455
|
"textDecorationStyle": {
|
22448
22456
|
"$ref": "#/definitions/Property.TextDecorationStyle",
|
22449
|
-
"description": "The **`text-decoration-style`** CSS property sets the style of the lines specified by `text-decoration-line`. The style applies to all lines that are set with `text-decoration-line`.\n\n**Syntax**: `solid | double | dotted | dashed | wavy`\n\n**Initial value**: `solid`\n\n| Chrome | Firefox | Safari |
|
22457
|
+
"description": "The **`text-decoration-style`** CSS property sets the style of the lines specified by `text-decoration-line`. The style applies to all lines that are set with `text-decoration-line`.\n\n**Syntax**: `solid | double | dotted | dashed | wavy`\n\n**Initial value**: `solid`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **36** | **12.1** | **79** | No | | | | 8 _-x-_ | | |"
|
22450
22458
|
},
|
22451
22459
|
"textDecorationThickness": {
|
22452
22460
|
"$ref": "#/definitions/Property.TextDecorationThickness%3C(string%7Cnumber)%3E",
|
22453
|
-
"description": "The **`text-decoration-thickness`** CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline.\n\n**Syntax**: `auto | from-font | <length> | <percentage> `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22461
|
+
"description": "The **`text-decoration-thickness`** CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline.\n\n**Syntax**: `auto | from-font | <length> | <percentage> `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **89** | **70** | **12.1** | **89** | No |"
|
22462
|
+
},
|
22463
|
+
"textDecorationWidth": {
|
22464
|
+
"$ref": "#/definitions/Property.TextDecorationThickness%3C(string%7Cnumber)%3E",
|
22465
|
+
"description": "The **`text-decoration-thickness`** CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline.\n\n**Syntax**: `auto | from-font | <length> | <percentage> `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :---: | :-: | | 87-89 | **70** | **12.1** | 87-89 | No |"
|
22454
22466
|
},
|
22455
22467
|
"textEmphasisColor": {
|
22456
22468
|
"$ref": "#/definitions/Property.TextEmphasisColor",
|
22457
|
-
"description": "The **`text-emphasis-color`** CSS property sets the color of emphasis marks. This value can also be set using the `text-emphasis` shorthand.\n\n**Syntax**: `<color>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari |
|
22469
|
+
"description": "The **`text-emphasis-color`** CSS property sets the color of emphasis marks. This value can also be set using the `text-emphasis` shorthand.\n\n**Syntax**: `<color>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :----: | :------: | :-: | | **99** | **46** | **7** | **99** | No | | 25 _-x-_ | | | 79 _-x-_ | |"
|
22458
22470
|
},
|
22459
22471
|
"textEmphasisPosition": {
|
22460
22472
|
"$ref": "#/definitions/Property.TextEmphasisPosition",
|
22461
|
-
"description": "The **`text-emphasis-position`** CSS property sets where emphasis marks are drawn. Like ruby text, if there isn't enough room for emphasis marks, the line height is increased.\n\n**Syntax**: `[ over | under ] && [ right | left ]`\n\n**Initial value**: `over right`\n\n| Chrome | Firefox | Safari |
|
22473
|
+
"description": "The **`text-emphasis-position`** CSS property sets where emphasis marks are drawn. Like ruby text, if there isn't enough room for emphasis marks, the line height is increased.\n\n**Syntax**: `[ over | under ] && [ right | left ]`\n\n**Initial value**: `over right`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :----: | :------: | :-: | | **99** | **46** | **7** | **99** | No | | 25 _-x-_ | | | 79 _-x-_ | |"
|
22462
22474
|
},
|
22463
22475
|
"textEmphasisStyle": {
|
22464
22476
|
"$ref": "#/definitions/Property.TextEmphasisStyle",
|
22465
|
-
"description": "The **`text-emphasis-style`** CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the `text-emphasis` shorthand.\n\n**Syntax**: `none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari |
|
22477
|
+
"description": "The **`text-emphasis-style`** CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the `text-emphasis` shorthand.\n\n**Syntax**: `none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :----: | :------: | :-: | | **99** | **46** | **7** | **99** | No | | 25 _-x-_ | | | 79 _-x-_ | |"
|
22466
22478
|
},
|
22467
22479
|
"textIndent": {
|
22468
22480
|
"$ref": "#/definitions/Property.TextIndent%3C(string%7Cnumber)%3E",
|
@@ -22474,7 +22486,7 @@
|
|
22474
22486
|
},
|
22475
22487
|
"textOrientation": {
|
22476
22488
|
"$ref": "#/definitions/Property.TextOrientation",
|
22477
|
-
"description": "The **`text-orientation`** CSS property sets the orientation of the text characters in a line. It only affects text in vertical mode (when `writing-mode` is not `horizontal-tb`). It is useful for controlling the display of languages that use vertical script, and also for making vertical table headers.\n\n**Syntax**: `mixed | upright | sideways`\n\n**Initial value**: `mixed`\n\n| Chrome | Firefox | Safari |
|
22489
|
+
"description": "The **`text-orientation`** CSS property sets the orientation of the text characters in a line. It only affects text in vertical mode (when `writing-mode` is not `horizontal-tb`). It is useful for controlling the display of languages that use vertical script, and also for making vertical table headers.\n\n**Syntax**: `mixed | upright | sideways`\n\n**Initial value**: `mixed`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-------: | :----: | :-: | | **48** | **41** | **14** | **79** | No | | 11 _-x-_ | | 5.1 _-x-_ | | |"
|
22478
22490
|
},
|
22479
22491
|
"textOverflow": {
|
22480
22492
|
"$ref": "#/definitions/Property.TextOverflow",
|
@@ -22494,7 +22506,7 @@
|
|
22494
22506
|
},
|
22495
22507
|
"textUnderlineOffset": {
|
22496
22508
|
"$ref": "#/definitions/Property.TextUnderlineOffset%3C(string%7Cnumber)%3E",
|
22497
|
-
"description": "The **`text-underline-offset`** CSS property sets the offset distance of an underline text decoration line (applied using `text-decoration`) from its original position.\n\n**Syntax**: `auto | <length> | <percentage> `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22509
|
+
"description": "The **`text-underline-offset`** CSS property sets the offset distance of an underline text decoration line (applied using `text-decoration`) from its original position.\n\n**Syntax**: `auto | <length> | <percentage> `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **70** | **12.1** | **87** | No |"
|
22498
22510
|
},
|
22499
22511
|
"textUnderlinePosition": {
|
22500
22512
|
"$ref": "#/definitions/Property.TextUnderlinePosition",
|
@@ -22514,7 +22526,7 @@
|
|
22514
22526
|
},
|
22515
22527
|
"transformBox": {
|
22516
22528
|
"$ref": "#/definitions/Property.TransformBox",
|
22517
|
-
"description": "The **`transform-box`** CSS property defines the layout box to which the `transform` and `transform-origin` properties relate.\n\n**Syntax**: `content-box | border-box | fill-box | stroke-box | view-box`\n\n**Initial value**: `view-box`\n\n| Chrome | Firefox | Safari |
|
22529
|
+
"description": "The **`transform-box`** CSS property defines the layout box to which the `transform` and `transform-origin` properties relate.\n\n**Syntax**: `content-box | border-box | fill-box | stroke-box | view-box`\n\n**Initial value**: `view-box`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **64** | **55** | **11** | **79** | No |"
|
22518
22530
|
},
|
22519
22531
|
"transformOrigin": {
|
22520
22532
|
"$ref": "#/definitions/Property.TransformOrigin%3C(string%7Cnumber)%3E",
|
@@ -22542,7 +22554,7 @@
|
|
22542
22554
|
},
|
22543
22555
|
"translate": {
|
22544
22556
|
"$ref": "#/definitions/Property.Translate%3C(string%7Cnumber)%3E",
|
22545
|
-
"description": "The **`translate`** CSS property allows you to specify translation transforms individually and independently of the `transform` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the `transform` value.\n\n**Syntax**: `none | <length-percentage> [ <length-percentage> <length>? ]?`\n\n**Initial value**: `none`\n\n| Chrome
|
22557
|
+
"description": "The **`translate`** CSS property allows you to specify translation transforms individually and independently of the `transform` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the `transform` value.\n\n**Syntax**: `none | <length-percentage> [ <length-percentage> <length>? ]?`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | **72** | **14.1** | No | No |"
|
22546
22558
|
},
|
22547
22559
|
"userSelect": {
|
22548
22560
|
"$ref": "#/definitions/Property.UserSelect",
|
@@ -22562,7 +22574,7 @@
|
|
22562
22574
|
},
|
22563
22575
|
"willChange": {
|
22564
22576
|
"$ref": "#/definitions/Property.WillChange",
|
22565
|
-
"description": "The **`will-change`** CSS property hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is actually changed. These kinds of optimizations can increase the responsiveness of a page by doing potentially expensive work before they are actually required.\n\n**Syntax**: `auto | <animateable-feature>#`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari |
|
22577
|
+
"description": "The **`will-change`** CSS property hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is actually changed. These kinds of optimizations can increase the responsiveness of a page by doing potentially expensive work before they are actually required.\n\n**Syntax**: `auto | <animateable-feature>#`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **36** | **36** | **9.1** | **79** | No |"
|
22566
22578
|
},
|
22567
22579
|
"wordBreak": {
|
22568
22580
|
"$ref": "#/definitions/Property.WordBreak",
|
@@ -25033,6 +25045,16 @@
|
|
25033
25045
|
}
|
25034
25046
|
]
|
25035
25047
|
},
|
25048
|
+
"Property.MsScrollbarTrackColor": {
|
25049
|
+
"anyOf": [
|
25050
|
+
{
|
25051
|
+
"$ref": "#/definitions/Globals"
|
25052
|
+
},
|
25053
|
+
{
|
25054
|
+
"$ref": "#/definitions/DataType.Color"
|
25055
|
+
}
|
25056
|
+
]
|
25057
|
+
},
|
25036
25058
|
"Property.LineBreak": {
|
25037
25059
|
"anyOf": [
|
25038
25060
|
{
|
@@ -26996,6 +27018,23 @@
|
|
26996
27018
|
}
|
26997
27019
|
]
|
26998
27020
|
},
|
27021
|
+
"Property.ColumnGap<(string|number)>": {
|
27022
|
+
"anyOf": [
|
27023
|
+
{
|
27024
|
+
"$ref": "#/definitions/Globals"
|
27025
|
+
},
|
27026
|
+
{
|
27027
|
+
"type": "string"
|
27028
|
+
},
|
27029
|
+
{
|
27030
|
+
"type": "number"
|
27031
|
+
},
|
27032
|
+
{
|
27033
|
+
"type": "string",
|
27034
|
+
"const": "normal"
|
27035
|
+
}
|
27036
|
+
]
|
27037
|
+
},
|
26999
27038
|
"Property.ColumnRuleColor": {
|
27000
27039
|
"anyOf": [
|
27001
27040
|
{
|
@@ -27456,6 +27495,47 @@
|
|
27456
27495
|
}
|
27457
27496
|
]
|
27458
27497
|
},
|
27498
|
+
"Property.AlignSelf": {
|
27499
|
+
"anyOf": [
|
27500
|
+
{
|
27501
|
+
"$ref": "#/definitions/Globals"
|
27502
|
+
},
|
27503
|
+
{
|
27504
|
+
"$ref": "#/definitions/DataType.SelfPosition"
|
27505
|
+
},
|
27506
|
+
{
|
27507
|
+
"type": "string",
|
27508
|
+
"const": "auto"
|
27509
|
+
},
|
27510
|
+
{
|
27511
|
+
"type": "string",
|
27512
|
+
"const": "baseline"
|
27513
|
+
},
|
27514
|
+
{
|
27515
|
+
"type": "string",
|
27516
|
+
"const": "normal"
|
27517
|
+
},
|
27518
|
+
{
|
27519
|
+
"type": "string",
|
27520
|
+
"const": "stretch"
|
27521
|
+
},
|
27522
|
+
{
|
27523
|
+
"type": "string"
|
27524
|
+
}
|
27525
|
+
]
|
27526
|
+
},
|
27527
|
+
"DataType.SelfPosition": {
|
27528
|
+
"type": "string",
|
27529
|
+
"enum": [
|
27530
|
+
"center",
|
27531
|
+
"end",
|
27532
|
+
"flex-end",
|
27533
|
+
"flex-start",
|
27534
|
+
"self-end",
|
27535
|
+
"self-start",
|
27536
|
+
"start"
|
27537
|
+
]
|
27538
|
+
},
|
27459
27539
|
"Property.MsBlockProgression": {
|
27460
27540
|
"anyOf": [
|
27461
27541
|
{
|
@@ -27765,6 +27845,43 @@
|
|
27765
27845
|
}
|
27766
27846
|
]
|
27767
27847
|
},
|
27848
|
+
"Property.JustifySelf": {
|
27849
|
+
"anyOf": [
|
27850
|
+
{
|
27851
|
+
"$ref": "#/definitions/Globals"
|
27852
|
+
},
|
27853
|
+
{
|
27854
|
+
"$ref": "#/definitions/DataType.SelfPosition"
|
27855
|
+
},
|
27856
|
+
{
|
27857
|
+
"type": "string",
|
27858
|
+
"const": "auto"
|
27859
|
+
},
|
27860
|
+
{
|
27861
|
+
"type": "string",
|
27862
|
+
"const": "baseline"
|
27863
|
+
},
|
27864
|
+
{
|
27865
|
+
"type": "string",
|
27866
|
+
"const": "left"
|
27867
|
+
},
|
27868
|
+
{
|
27869
|
+
"type": "string",
|
27870
|
+
"const": "normal"
|
27871
|
+
},
|
27872
|
+
{
|
27873
|
+
"type": "string",
|
27874
|
+
"const": "right"
|
27875
|
+
},
|
27876
|
+
{
|
27877
|
+
"type": "string",
|
27878
|
+
"const": "stretch"
|
27879
|
+
},
|
27880
|
+
{
|
27881
|
+
"type": "string"
|
27882
|
+
}
|
27883
|
+
]
|
27884
|
+
},
|
27768
27885
|
"Property.Order": {
|
27769
27886
|
"anyOf": [
|
27770
27887
|
{
|
@@ -28077,16 +28194,6 @@
|
|
28077
28194
|
}
|
28078
28195
|
]
|
28079
28196
|
},
|
28080
|
-
"Property.MsScrollbarTrackColor": {
|
28081
|
-
"anyOf": [
|
28082
|
-
{
|
28083
|
-
"$ref": "#/definitions/Globals"
|
28084
|
-
},
|
28085
|
-
{
|
28086
|
-
"$ref": "#/definitions/DataType.Color"
|
28087
|
-
}
|
28088
|
-
]
|
28089
|
-
},
|
28090
28197
|
"Property.MsTextAutospace": {
|
28091
28198
|
"anyOf": [
|
28092
28199
|
{
|
@@ -28378,47 +28485,6 @@
|
|
28378
28485
|
}
|
28379
28486
|
]
|
28380
28487
|
},
|
28381
|
-
"DataType.SelfPosition": {
|
28382
|
-
"type": "string",
|
28383
|
-
"enum": [
|
28384
|
-
"center",
|
28385
|
-
"end",
|
28386
|
-
"flex-end",
|
28387
|
-
"flex-start",
|
28388
|
-
"self-end",
|
28389
|
-
"self-start",
|
28390
|
-
"start"
|
28391
|
-
]
|
28392
|
-
},
|
28393
|
-
"Property.AlignSelf": {
|
28394
|
-
"anyOf": [
|
28395
|
-
{
|
28396
|
-
"$ref": "#/definitions/Globals"
|
28397
|
-
},
|
28398
|
-
{
|
28399
|
-
"$ref": "#/definitions/DataType.SelfPosition"
|
28400
|
-
},
|
28401
|
-
{
|
28402
|
-
"type": "string",
|
28403
|
-
"const": "auto"
|
28404
|
-
},
|
28405
|
-
{
|
28406
|
-
"type": "string",
|
28407
|
-
"const": "baseline"
|
28408
|
-
},
|
28409
|
-
{
|
28410
|
-
"type": "string",
|
28411
|
-
"const": "normal"
|
28412
|
-
},
|
28413
|
-
{
|
28414
|
-
"type": "string",
|
28415
|
-
"const": "stretch"
|
28416
|
-
},
|
28417
|
-
{
|
28418
|
-
"type": "string"
|
28419
|
-
}
|
28420
|
-
]
|
28421
|
-
},
|
28422
28488
|
"Property.WebkitAppearance": {
|
28423
28489
|
"anyOf": [
|
28424
28490
|
{
|
@@ -30303,16 +30369,6 @@
|
|
30303
30369
|
}
|
30304
30370
|
]
|
30305
30371
|
},
|
30306
|
-
"Property.AnimationComposition": {
|
30307
|
-
"anyOf": [
|
30308
|
-
{
|
30309
|
-
"$ref": "#/definitions/Globals"
|
30310
|
-
},
|
30311
|
-
{
|
30312
|
-
"type": "string"
|
30313
|
-
}
|
30314
|
-
]
|
30315
|
-
},
|
30316
30372
|
"Property.AnimationTimeline": {
|
30317
30373
|
"anyOf": [
|
30318
30374
|
{
|
@@ -30383,9 +30439,6 @@
|
|
30383
30439
|
},
|
30384
30440
|
{
|
30385
30441
|
"type": "string"
|
30386
|
-
},
|
30387
|
-
{
|
30388
|
-
"type": "number"
|
30389
30442
|
}
|
30390
30443
|
]
|
30391
30444
|
},
|
@@ -31276,23 +31329,6 @@
|
|
31276
31329
|
}
|
31277
31330
|
]
|
31278
31331
|
},
|
31279
|
-
"Property.ColumnGap<(string|number)>": {
|
31280
|
-
"anyOf": [
|
31281
|
-
{
|
31282
|
-
"$ref": "#/definitions/Globals"
|
31283
|
-
},
|
31284
|
-
{
|
31285
|
-
"type": "string"
|
31286
|
-
},
|
31287
|
-
{
|
31288
|
-
"type": "number"
|
31289
|
-
},
|
31290
|
-
{
|
31291
|
-
"type": "string",
|
31292
|
-
"const": "normal"
|
31293
|
-
}
|
31294
|
-
]
|
31295
|
-
},
|
31296
31332
|
"Property.Contain": {
|
31297
31333
|
"anyOf": [
|
31298
31334
|
{
|
@@ -31302,10 +31338,6 @@
|
|
31302
31338
|
"type": "string",
|
31303
31339
|
"const": "content"
|
31304
31340
|
},
|
31305
|
-
{
|
31306
|
-
"type": "string",
|
31307
|
-
"const": "inline-size"
|
31308
|
-
},
|
31309
31341
|
{
|
31310
31342
|
"type": "string",
|
31311
31343
|
"const": "layout"
|
@@ -32075,43 +32107,6 @@
|
|
32075
32107
|
}
|
32076
32108
|
]
|
32077
32109
|
},
|
32078
|
-
"Property.JustifySelf": {
|
32079
|
-
"anyOf": [
|
32080
|
-
{
|
32081
|
-
"$ref": "#/definitions/Globals"
|
32082
|
-
},
|
32083
|
-
{
|
32084
|
-
"$ref": "#/definitions/DataType.SelfPosition"
|
32085
|
-
},
|
32086
|
-
{
|
32087
|
-
"type": "string",
|
32088
|
-
"const": "auto"
|
32089
|
-
},
|
32090
|
-
{
|
32091
|
-
"type": "string",
|
32092
|
-
"const": "baseline"
|
32093
|
-
},
|
32094
|
-
{
|
32095
|
-
"type": "string",
|
32096
|
-
"const": "left"
|
32097
|
-
},
|
32098
|
-
{
|
32099
|
-
"type": "string",
|
32100
|
-
"const": "normal"
|
32101
|
-
},
|
32102
|
-
{
|
32103
|
-
"type": "string",
|
32104
|
-
"const": "right"
|
32105
|
-
},
|
32106
|
-
{
|
32107
|
-
"type": "string",
|
32108
|
-
"const": "stretch"
|
32109
|
-
},
|
32110
|
-
{
|
32111
|
-
"type": "string"
|
32112
|
-
}
|
32113
|
-
]
|
32114
|
-
},
|
32115
32110
|
"Property.JustifyTracks": {
|
32116
32111
|
"anyOf": [
|
32117
32112
|
{
|
@@ -32488,38 +32483,6 @@
|
|
32488
32483
|
}
|
32489
32484
|
]
|
32490
32485
|
},
|
32491
|
-
"Property.MathDepth": {
|
32492
|
-
"anyOf": [
|
32493
|
-
{
|
32494
|
-
"$ref": "#/definitions/Globals"
|
32495
|
-
},
|
32496
|
-
{
|
32497
|
-
"type": "string",
|
32498
|
-
"const": "auto-add"
|
32499
|
-
},
|
32500
|
-
{
|
32501
|
-
"type": "string"
|
32502
|
-
},
|
32503
|
-
{
|
32504
|
-
"type": "number"
|
32505
|
-
}
|
32506
|
-
]
|
32507
|
-
},
|
32508
|
-
"Property.MathShift": {
|
32509
|
-
"anyOf": [
|
32510
|
-
{
|
32511
|
-
"$ref": "#/definitions/Globals"
|
32512
|
-
},
|
32513
|
-
{
|
32514
|
-
"type": "string",
|
32515
|
-
"const": "compact"
|
32516
|
-
},
|
32517
|
-
{
|
32518
|
-
"type": "string",
|
32519
|
-
"const": "normal"
|
32520
|
-
}
|
32521
|
-
]
|
32522
|
-
},
|
32523
32486
|
"Property.MathStyle": {
|
32524
32487
|
"anyOf": [
|
32525
32488
|
{
|