link管理
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
link管理
›
CSSProperties | typescript
| https://use-form.netlify.app/interfaces/_node_modules__types_react_index_d_.react.cssproperties.html |
|
活泼的瀑布
1 年前 |
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.
Initial value
:
stretch
Inherited from ObsoleteProperties . KhtmlBoxDirection
The
box-direction
CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).
Initial value
:
normal
The
-moz-box-flex
and
-webkit-box-flex
CSS properties specify how a
-moz-box
or
-webkit-box
grows to fill the box that contains it, in the direction of the containing box's layout.
Initial value
:
0
Inherited from ObsoleteProperties . KhtmlBoxFlexGroup
The
box-flex-group
CSS property assigns the flexbox's child elements to a flex group.
Initial value
:
1
The
box-lines
CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).
Initial value
:
single
Inherited from ObsoleteProperties . KhtmlBoxOrdinalGroup
The
box-ordinal-group
CSS property assigns the flexbox's child elements to an ordinal group.
Initial value
:
1
The
box-orient
CSS property specifies whether an element lays out its contents horizontally or vertically.
Initial value
:
inline-axis
(
horizontal
in XUL)
The
-moz-box-pack
and
-webkit-box-pack
CSS properties specify how a
-moz-box
or
-webkit-box
packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.
Initial value
:
start
The
line-break
CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols.
Initial value
:
auto
The
opacity
CSS property sets the transparency of an element or the degree to which content behind an element is visible.
Initial value
:
1.0
Inherited from ObsoleteProperties . KhtmlUserSelect
The
**user-select**
CSS property controls whether the user can select text. This doesn't have any effect on content loaded as chrome, except in textboxes.
Initial value
:
auto
Inherited from VendorShorthandProperties . MozAnimation
Inherited from VendorLonghandProperties . MozAnimationDelay
The
animation-delay
CSS property sets when an animation starts. The animation can start later, immediately from its beginning, or immediately and partway through the animation.
Initial value
:
0s
Inherited from VendorLonghandProperties . MozAnimationDirection
The
animation-direction
CSS property sets whether an animation should play forwards, backwards, or alternating back and forth.
Initial value
:
normal
Inherited from VendorLonghandProperties . MozAnimationDuration
The
animation-duration
CSS property sets the length of time that an animation takes to complete one cycle.
Initial value
:
0s
Inherited from VendorLonghandProperties . MozAnimationFillMode
The
animation-fill-mode
CSS property sets how a CSS animation applies styles to its target before and after its execution.
Initial value
:
none
Optional
Moz
Inherited from VendorLonghandProperties . MozAnimationIterationCount
The
animation-iteration-count
CSS property sets the number of times an animation cycle should be played before stopping.
Initial value
:
1
Inherited from VendorLonghandProperties . MozAnimationName
The
animation-name
CSS property sets one or more animations to apply to an element. Each name is an
@keyframes
at-rule that sets the property values for the animation sequence.
Initial value
:
none
Inherited from VendorLonghandProperties . MozAnimationPlayState
Optional
Moz
Inherited from VendorLonghandProperties . MozAnimationTimingFunction
The
**animation-timing-function**
CSS property sets how an animation progresses through the duration of each cycle.
Initial value
:
ease
Inherited from VendorLonghandProperties . MozAppearance
The
-moz-appearance
CSS property is used in Gecko (Firefox) to display an element using platform-native styling based on the operating system's theme.
Initial value
:
none
(but this value is overridden in the user agent CSS)
Inherited from VendorLonghandProperties . MozBackfaceVisibility
The
backface-visibility
CSS property sets whether the back face of an element is visible when turned towards the user.
Initial value
:
visible
Inherited from ObsoleteProperties . MozBackgroundClip
The
background-clip
CSS property sets whether an element's background
<color>
or
<image>
extends underneath its border.
Initial value
:
border-box
Optional
Moz
Inherited from ObsoleteProperties . MozBackgroundInlinePolicy
The
box-decoration-break
CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages.
Initial value
:
slice
Inherited from ObsoleteProperties . MozBackgroundOrigin
The
background-origin
CSS property sets the
background positioning area
. In other words, it sets the origin position of an image set with the
background-image
property.
Initial value
:
padding-box
Optional
Moz
Inherited from ObsoleteProperties . MozBackgroundSize
The
background-size
CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.
Initial value
:
auto auto
The
-moz-binding
CSS property is used by Mozilla-based applications to attach an XBL binding to a DOM element.
Initial value
:
none
Optional
Moz
Inherited from ObsoleteProperties . MozBorderBottomColors
In Mozilla applications like Firefox, the
-moz-border-bottom-colors
CSS property sets a list of colors for the bottom border.
Initial value
:
none
Inherited from VendorLonghandProperties . MozBorderEndColor
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
.
Initial value
:
currentcolor
Inherited from VendorLonghandProperties . MozBorderEndStyle
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
.
Initial value
:
none
Optional
Moz
Inherited from VendorLonghandProperties . MozBorderEndWidth
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
.
Initial value
:
medium
Inherited from VendorShorthandProperties . MozBorderImage
Inherited from ObsoleteProperties . MozBorderLeftColors
In Mozilla applications like Firefox, the
-moz-border-left-colors
CSS property sets a list of colors for the left border.
Initial value
:
none
Inherited from ObsoleteProperties . MozBorderRadius
The
border-radius
CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.
Optional
Moz
Inherited from ObsoleteProperties . MozBorderRadiusBottomleft
The
border-bottom-left-radius
CSS property rounds the bottom-left corner of an element.
Initial value
:
0
Optional
Moz
Inherited from ObsoleteProperties . MozBorderRadiusBottomright
The
border-bottom-right-radius
CSS property rounds the bottom-right corner of an element.
Initial value
:
0
Optional
Moz
Inherited from ObsoleteProperties . MozBorderRadiusTopleft
The
border-top-left-radius
CSS property rounds the top-left corner of an element.
Initial value
:
0
Optional
Moz
Inherited from ObsoleteProperties . MozBorderRadiusTopright
The
border-top-right-radius
CSS property rounds the top-right corner of an element.
Initial value
:
0
Inherited from ObsoleteProperties . MozBorderRightColors
In Mozilla applications like Firefox, the
-moz-border-right-colors
CSS property sets a list of colors for the right border.
Initial value
:
none
Inherited from VendorLonghandProperties . MozBorderStartColor
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
.
Initial value
:
currentcolor
Inherited from VendorLonghandProperties . MozBorderStartStyle
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
.
Initial value
:
none
Inherited from ObsoleteProperties . MozBorderTopColors
In Mozilla applications like Firefox, the
-moz-border-top-colors
CSS property sets a list of colors for the top border.
Initial value
:
none
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.
Initial value
:
stretch
Inherited from ObsoleteProperties . MozBoxDirection
The
box-direction
CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).
Initial value
:
normal
The
-moz-box-flex
and
-webkit-box-flex
CSS properties specify how a
-moz-box
or
-webkit-box
grows to fill the box that contains it, in the direction of the containing box's layout.
Initial value
:
0
Inherited from ObsoleteProperties . MozBoxOrdinalGroup
The
box-ordinal-group
CSS property assigns the flexbox's child elements to an ordinal group.
Initial value
:
1
The
box-orient
CSS property specifies whether an element lays out its contents horizontally or vertically.
Initial value
:
inline-axis
(
horizontal
in XUL)
The
-moz-box-pack
and
-webkit-box-pack
CSS properties specify how a
-moz-box
or
-webkit-box
packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.
Initial value
:
start
The
box-shadow
CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radii, and color.
Initial value
:
none
Inherited from VendorLonghandProperties . MozBoxSizing
The
box-sizing
CSS property defines how the user agent should calculate the total width and height of an element.
Initial value
:
content-box
Inherited from VendorLonghandProperties . MozColumnCount
The
column-count
CSS property breaks an element's content into the specified number of columns.
Initial value
:
auto
Inherited from VendorLonghandProperties . MozColumnFill
The
column-fill
CSS property controls how an element's contents are balanced when broken into columns.
Initial value
:
balance
Inherited from VendorLonghandProperties . MozColumnGap
The
column-gap
CSS property sets the size of the gap (gutter) between an element's columns.
Initial value
:
normal
Inherited from VendorShorthandProperties . MozColumnRule
Inherited from VendorLonghandProperties . MozColumnRuleColor
The
column-rule-color
CSS property sets the color of the rule (line) drawn between columns in a multi-column layout.
Initial value
:
currentcolor
Inherited from VendorLonghandProperties . MozColumnRuleStyle
The
column-rule-style
CSS property sets the style of the line drawn between columns in a multi-column layout.
Initial value
:
none
Optional
Moz
Inherited from VendorLonghandProperties . MozColumnRuleWidth
The
column-rule-width
CSS property sets the width of the rule (line) drawn between columns in a multi-column layout.
Initial value
:
medium
Inherited from VendorLonghandProperties . MozColumnWidth
The
column-width
CSS property specifies the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the
column-width
value. If the width of the container is narrower than the specified value, the single column's width will be smaller than the declared column width.
Initial value
:
auto
Inherited from VendorShorthandProperties . MozColumns
Inherited from VendorLonghandProperties . MozContextProperties
If you reference an SVG image in a webpage (such as with the
<img>
element or as a background image), the SVG image can coordinate with the embedding element (its context) to have the image adopt property values set on the embedding element. To do this the embedding element needs to list the properties that are to be made available to the image by listing them as values of the
-moz-context-properties
property, and the image needs to opt in to using those properties by using values such as the
context-fill
value.
Initial value
:
none
Inherited from VendorLonghandProperties . MozFloatEdge
The non-standard
-moz-float-edge
CSS property specifies whether the height and width properties of the element include the margin, border, or padding thickness.
Initial value
:
content-box
Optional
Moz
Inherited from VendorLonghandProperties . MozFontFeatureSettings
The
font-feature-settings
CSS property controls advanced typographic features in OpenType fonts.
Initial value
:
normal
Optional
Moz
Inherited from VendorLonghandProperties . MozFontLanguageOverride
The
font-language-override
CSS property controls the use of language-specific glyphs in a typeface.
Initial value
:
normal
Inherited from VendorLonghandProperties . MozForceBrokenImageIcon
The
-moz-force-broken-image-icon
extended CSS property can be used to force the broken image icon to be shown even when a broken image has an
alt
attribute.
Initial value
:
0
The
hyphens
CSS property specifies how words should be hyphenated when text wraps across multiple lines. You can prevent hyphenation entirely, use hyphenation in manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
Initial value
:
manual
Inherited from VendorLonghandProperties . MozImageRegion
For certain XUL elements and pseudo-elements that use an image from the
list-style-image
property, this property specifies a region of the image that is used in place of the whole image. This allows elements to use different pieces of the same image to improve performance.
Initial value
:
auto
Inherited from VendorLonghandProperties . MozMarginEnd
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
.
Initial value
:
0
Inherited from VendorLonghandProperties . MozMarginStart
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
.
Initial value
:
0
The
opacity
CSS property sets the transparency of an element or the degree to which content behind an element is visible.
Initial value
:
1.0
The
-moz-orient
CSS property specifies the orientation of the element to which it's applied.
Initial value
:
inline
Inherited from ObsoleteProperties . MozOutline
The
outline
CSS property is a shorthand to set various outline properties in a single declaration:
outline-style
,
outline-width
, and
outline-color
.
Inherited from ObsoleteProperties . MozOutlineColor
The
outline-color
CSS property sets the color of an element's outline.
Initial value
:
invert
, for browsers supporting it,
currentColor
for the other
Optional
Moz
Inherited from ObsoleteProperties . MozOutlineRadius
In Mozilla applications like Firefox, the
-moz-outline-radius
CSS property can be used to give an element's
outline
rounded corners.
Optional
Moz
Inherited from VendorLonghandProperties . MozOutlineRadiusBottomleft
In Mozilla applications, the
-moz-outline-radius-bottomleft
CSS property can be used to round the bottom-left corner of an element's
outline
.
Initial value
:
0
Optional
Moz
Inherited from VendorLonghandProperties . MozOutlineRadiusBottomright
In Mozilla applications, the
-moz-outline-radius-bottomright
CSS property can be used to round the bottom-right corner of an element's
outline
.
Initial value
:
0
Optional
Moz
Inherited from VendorLonghandProperties . MozOutlineRadiusTopleft
In Mozilla applications, the
-moz-outline-radius-topleft
CSS property can be used to round the top-left corner of an element's
outline
.
Initial value
:
0
Optional
Moz
Inherited from VendorLonghandProperties . MozOutlineRadiusTopright
In Mozilla applications, the
-moz-outline-radius-topright
CSS property can be used to round the top-right corner of an element's
outline
.
Initial value
:
0
Inherited from ObsoleteProperties . MozOutlineStyle
The
outline-style
CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the
border
.
Initial value
:
none
Inherited from ObsoleteProperties . MozOutlineWidth
The
outline-width
CSS property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the
border
.
Initial value
:
medium
Inherited from VendorLonghandProperties . MozPaddingEnd
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. It corresponds to the
padding-top
,
padding-right
,
padding-bottom
, or
padding-left
property depending on the values defined for
writing-mode
,
direction
, and
text-orientation
.
Initial value
:
0
Optional
Moz
Inherited from VendorLonghandProperties . MozPaddingStart
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. It corresponds to the
padding-top
,
padding-right
,
padding-bottom
, or
padding-left
property depending on the values defined for
writing-mode
,
direction
, and
text-orientation
.
Initial value
:
0
Inherited from VendorLonghandProperties . MozPerspective
The
perspective
CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective. Each 3D element with z>0 becomes larger; each 3D-element with z<0 becomes smaller. The strength of the effect is determined by the value of this property.
Initial value
:
none
Optional
Moz
Inherited from VendorLonghandProperties . MozPerspectiveOrigin
The
perspective-origin
CSS property determines the position at which the viewer is looking. It is used as the
vanishing point
by the
perspective
property.
Initial value
:
50% 50%
Inherited from VendorLonghandProperties . MozStackSizing
-moz-stack-sizing
is an extended CSS property. Normally, a
stack
will change its size so that all of its child elements are completely visible. For example, moving a child of the stack far to the right will widen the stack so the child remains visible.
Initial value
:
stretch-to-fit
Inherited from VendorLonghandProperties . MozTabSize
Inherited from ObsoleteProperties . MozTextAlignLast
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.
Initial value
:
auto
The
-moz-text-blink
non-standard Mozilla CSS extension specifies the blink mode.
Initial value
:
none
Optional
Moz
Inherited from ObsoleteProperties . MozTextDecorationColor
The
text-decoration-color
CSS property sets the color of decorations added to text by
text-decoration-line
.
Initial value
:
currentcolor
Inherited from ObsoleteProperties . MozTextDecorationLine
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.
Initial value
:
none
Optional
Moz
Inherited from ObsoleteProperties . MozTextDecorationStyle
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
.
Initial value
:
solid
Inherited from VendorLonghandProperties . MozTextSizeAdjust
The
text-size-adjust
CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property.
Initial value
:
auto
for smartphone browsers supporting inflation,
none
in other cases (and then not modifiable).
Optional
Moz
Inherited from VendorLonghandProperties . MozTransformOrigin
Inherited from VendorLonghandProperties . MozTransformStyle
The
transform-style
CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element.
Initial value
:
flat
Inherited from VendorShorthandProperties . MozTransition
Inherited from VendorLonghandProperties . MozTransitionDelay
The
transition-delay
CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
Initial value
:
0s
Inherited from VendorLonghandProperties . MozTransitionDuration
The
transition-duration
CSS property sets the length of time a transition animation should take to complete. By default, the value is
0s
, meaning that no animation will occur.
Initial value
:
0s
Inherited from VendorLonghandProperties . MozTransitionProperty
The
transition-property
CSS property sets the CSS properties to which a transition effect should be applied.
Initial value : all
Optional
Moz
Inherited from VendorLonghandProperties . MozTransitionTimingFunction
The
transition-timing-function
CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.
Initial value
:
ease
Inherited from VendorLonghandProperties . MozUserFocus
The
-moz-user-focus
CSS property is used to indicate whether an element can have the focus.
Initial value
:
none
In Mozilla applications,
-moz-user-input
determines if an element will accept user input.
Initial value
:
auto
Inherited from VendorLonghandProperties . MozUserModify
The
user-modify
property has no effect in Firefox. It was originally planned to determine whether or not the content of an element can be edited by a user.
Initial value
:
read-only
Inherited from VendorLonghandProperties . MozUserSelect
The
**user-select**
CSS property controls whether the user can select text. This doesn't have any effect on content loaded as chrome, except in textboxes.
Initial value
:
auto
Inherited from VendorLonghandProperties . MozWindowDragging
The
-moz-window-dragging
CSS property specifies whether a window is draggable or not. It only works in Chrome code, and only on Mac OS X.
Initial value
:
drag
Inherited from ObsoleteProperties . MozWindowShadow
The
-moz-window-shadow
CSS property specifies whether a window will have a shadow. It only works on Mac OS X.
Initial value
:
default
The
animation
shorthand CSS property sets an animated transition 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
.
The
animation-delay
CSS property sets when an animation starts. The animation can start later, immediately from its beginning, or immediately and partway through the animation.
Initial value
:
0s
Inherited from ObsoleteProperties . OAnimationDirection
The
animation-direction
CSS property sets whether an animation should play forwards, backwards, or alternating back and forth.
Initial value
:
normal
Inherited from ObsoleteProperties . OAnimationDuration
The
animation-duration
CSS property sets the length of time that an animation takes to complete one cycle.
Initial value
:
0s
Inherited from ObsoleteProperties . OAnimationFillMode
The
animation-fill-mode
CSS property sets how a CSS animation applies styles to its target before and after its execution.
Initial value
:
none
Optional
OAnimation
Inherited from ObsoleteProperties . OAnimationIterationCount
The
animation-iteration-count
CSS property sets the number of times an animation cycle should be played before stopping.
Initial value
:
1
Inherited from ObsoleteProperties . OAnimationName
The
animation-name
CSS property sets one or more animations to apply to an element. Each name is an
@keyframes
at-rule that sets the property values for the animation sequence.
Initial value
:
none
Inherited from ObsoleteProperties . OAnimationPlayState
The
animation-play-state
CSS property sets whether an animation is running or paused.
Initial value
:
running
Optional
OAnimation
Inherited from ObsoleteProperties . OAnimationTimingFunction
The
**animation-timing-function**
CSS property sets how an animation progresses through the duration of each cycle.
Initial value
:
ease
Inherited from ObsoleteProperties . OBackgroundSize
The
background-size
CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.
Initial value
:
auto auto
The
object-fit
CSS property sets how the content of a replaced element, such as an
<img>
or
<video>
, should be resized to fit its container.
Initial value
:
fill
Inherited from VendorLonghandProperties . OObjectPosition
The
object-position
CSS property specifies the alignment of the selected replaced element's contents within the element's box. Areas of the box which aren't covered by the replaced element's object will show the element's background.
Initial value
:
50% 50%
Inherited from VendorLonghandProperties . OTabSize
Inherited from VendorLonghandProperties . OTextOverflow
The
text-overflow
CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis ('
…
'), or display a custom string.
Initial value
:
clip
The
transform
CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
Initial value
:
none
Inherited from VendorLonghandProperties . OTransformOrigin
The
transition
CSS property is a shorthand property for
transition-property
,
transition-duration
,
transition-timing-function
, and
transition-delay
.
The
transition-delay
CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
Initial value
:
0s
Inherited from ObsoleteProperties . OTransitionDuration
The
transition-duration
CSS property sets the length of time a transition animation should take to complete. By default, the value is
0s
, meaning that no animation will occur.
Initial value
:
0s
Inherited from ObsoleteProperties . OTransitionProperty
The
transition-property
CSS property sets the CSS properties to which a transition effect should be applied.
Initial value : all
Optional
OTransition
Inherited from ObsoleteProperties . OTransitionTimingFunction
The
transition-timing-function
CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.
Initial value
:
ease
Inherited from VendorLonghandProperties . WebkitAlignContent
The CSS
align-content
property sets how the browser distributes space between and around content items along the cross-axis of a flexbox container, and the main-axis of a grid container.
Initial value
:
normal
Inherited from VendorLonghandProperties . WebkitAlignItems
The CSS
align-items
property sets the
align-self
value on all direct children as a group. The align-self property sets the alignment of an item within its containing block. 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.
Initial value
:
normal
Inherited from VendorLonghandProperties . WebkitAlignSelf
The
align-self
CSS property aligns flex items of the current flex line overriding the
align-items
value. If any of the item's cross-axis margin is set to
auto
, then
align-self
is ignored. In Grid layout
align-self
aligns the item inside the grid area.
Initial value
:
auto
Inherited from VendorShorthandProperties . WebkitAnimation
Inherited from VendorLonghandProperties . WebkitAnimationDelay
The
animation-delay
CSS property sets when an animation starts. The animation can start later, immediately from its beginning, or immediately and partway through the animation.
Initial value
:
0s
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitAnimationDirection
The
animation-direction
CSS property sets whether an animation should play forwards, backwards, or alternating back and forth.
Initial value
:
normal
Inherited from VendorLonghandProperties . WebkitAnimationDuration
The
animation-duration
CSS property sets the length of time that an animation takes to complete one cycle.
Initial value
:
0s
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitAnimationFillMode
The
animation-fill-mode
CSS property sets how a CSS animation applies styles to its target before and after its execution.
Initial value
:
none
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitAnimationIterationCount
The
animation-iteration-count
CSS property sets the number of times an animation cycle should be played before stopping.
Initial value
:
1
Inherited from VendorLonghandProperties . WebkitAnimationName
The
animation-name
CSS property sets one or more animations to apply to an element. Each name is an
@keyframes
at-rule that sets the property values for the animation sequence.
Initial value
:
none
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitAnimationPlayState
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitAnimationTimingFunction
The
**animation-timing-function**
CSS property sets how an animation progresses through the duration of each cycle.
Initial value
:
ease
Inherited from VendorLonghandProperties . WebkitAppearance
The
-moz-appearance
CSS property is used in Gecko (Firefox) to display an element using platform-native styling based on the operating system's theme.
Initial value
:
none
(but this value is overridden in the user agent CSS)
Inherited from VendorLonghandProperties . WebkitBackdropFilter
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.
Initial value
:
none
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitBackfaceVisibility
The
backface-visibility
CSS property sets whether the back face of an element is visible when turned towards the user.
Initial value
:
visible
Inherited from VendorLonghandProperties . WebkitBackgroundClip
The
background-clip
CSS property sets whether an element's background
<color>
or
<image>
extends underneath its border.
Initial value
:
border-box
Inherited from VendorLonghandProperties . WebkitBackgroundOrigin
The
background-origin
CSS property sets the
background positioning area
. In other words, it sets the origin position of an image set with the
background-image
property.
Initial value
:
padding-box
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitBackgroundSize
The
background-size
CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.
Initial value
:
auto auto
Optional
Webkit
Inherited from VendorShorthandProperties . WebkitBorderBefore
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitBorderBeforeColor
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitBorderBeforeStyle
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitBorderBeforeWidth
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitBorderBottomLeftRadius
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitBorderBottomRightRadius
The
border-bottom-right-radius
CSS property rounds the bottom-right corner of an element.
Initial value
:
0
Inherited from VendorShorthandProperties . WebkitBorderImage
Inherited from VendorLonghandProperties . WebkitBorderImageSlice
The
border-image-slice
CSS property divides the image specified by
border-image-source
into regions. These regions form the components of an element's border image.
Initial value
:
100%
Optional
Webkit
Inherited from VendorShorthandProperties . WebkitBorderRadius
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitBorderTopLeftRadius
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitBorderTopRightRadius
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.
Initial value
:
stretch
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitBoxDecorationBreak
The
box-decoration-break
CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages.
Initial value
:
slice
Inherited from ObsoleteProperties . WebkitBoxDirection
The
box-direction
CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).
Initial value
:
normal
The
-moz-box-flex
and
-webkit-box-flex
CSS properties specify how a
-moz-box
or
-webkit-box
grows to fill the box that contains it, in the direction of the containing box's layout.
Initial value
:
0
Inherited from ObsoleteProperties . WebkitBoxFlexGroup
The
box-flex-group
CSS property assigns the flexbox's child elements to a flex group.
Initial value
:
1
The
box-lines
CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).
Initial value
:
single
Inherited from ObsoleteProperties . WebkitBoxOrdinalGroup
The
box-ordinal-group
CSS property assigns the flexbox's child elements to an ordinal group.
Initial value
:
1
Inherited from ObsoleteProperties . WebkitBoxOrient
The
box-orient
CSS property specifies whether an element lays out its contents horizontally or vertically.
Initial value
:
inline-axis
(
horizontal
in XUL)
The
-moz-box-pack
and
-webkit-box-pack
CSS properties specify how a
-moz-box
or
-webkit-box
packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.
Initial value
:
start
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitBoxReflect
The
-webkit-box-reflect
CSS property lets you reflect the content of an element in one specific direction.
Initial value
:
none
Inherited from VendorLonghandProperties . WebkitBoxShadow
The
box-shadow
CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radii, and color.
Initial value
:
none
Inherited from VendorLonghandProperties . WebkitBoxSizing
The
box-sizing
CSS property defines how the user agent should calculate the total width and height of an element.
Initial value
:
content-box
Inherited from VendorLonghandProperties . WebkitClipPath
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.
Initial value
:
none
Inherited from VendorLonghandProperties . WebkitColorAdjust
The
color-adjust
CSS property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device. By default, the browser is allowed to make any adjustments to the element's appearance it determines to be necessary and prudent given the type and capabilities of the output device.
Initial value
:
economy
Inherited from VendorLonghandProperties . WebkitColumnCount
The
column-count
CSS property breaks an element's content into the specified number of columns.
Initial value
:
auto
Inherited from VendorLonghandProperties . WebkitColumnFill
The
column-fill
CSS property controls how an element's contents are balanced when broken into columns.
Initial value
:
balance
Inherited from VendorLonghandProperties . WebkitColumnGap
The
column-gap
CSS property sets the size of the gap (gutter) between an element's columns.
Initial value
:
normal
Inherited from VendorShorthandProperties . WebkitColumnRule
Inherited from VendorLonghandProperties . WebkitColumnRuleColor
The
column-rule-color
CSS property sets the color of the rule (line) drawn between columns in a multi-column layout.
Initial value
:
currentcolor
Inherited from VendorLonghandProperties . WebkitColumnRuleStyle
The
column-rule-style
CSS property sets the style of the line drawn between columns in a multi-column layout.
Initial value
:
none
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitColumnRuleWidth
The
column-rule-width
CSS property sets the width of the rule (line) drawn between columns in a multi-column layout.
Initial value
:
medium
Inherited from VendorLonghandProperties . WebkitColumnSpan
The
column-span
CSS property makes it possible for an element to span across all columns when its value is set to
all
.
Initial value
:
none
Inherited from VendorLonghandProperties . WebkitColumnWidth
The
column-width
CSS property specifies the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the
column-width
value. If the width of the container is narrower than the specified value, the single column's width will be smaller than the declared column width.
Initial value
:
auto
Inherited from VendorShorthandProperties . WebkitColumns
The
filter
CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.
Initial value
:
none
Inherited from VendorShorthandProperties . WebkitFlex
Inherited from VendorLonghandProperties . WebkitFlexBasis
The
flex-basis
CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with
box-sizing
.
Initial value
:
auto
Inherited from VendorLonghandProperties . WebkitFlexDirection
The
flex-direction
CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
Initial value
:
row
Inherited from VendorShorthandProperties . WebkitFlexFlow
Inherited from VendorLonghandProperties . WebkitFlexGrow
The
flex-grow
CSS property sets how much of the available space in the flex container should be assigned to that item (the flex grow factor). If all sibling items have the same flex grow factor, then all items will receive the same share of available space, otherwise it is distributed according to the ratio defined by the different flex grow factors.
Initial value
:
0
Inherited from VendorLonghandProperties . WebkitFlexShrink
The
flex-shrink
CSS property sets the flex shrink factor of a flex item. If the size of flex items is larger than the flex container, items shrink to fit according to
flex-shrink
.
Initial value
:
1
Inherited from VendorLonghandProperties . WebkitFlexWrap
The
flex-wrap
CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked.
Initial value
:
nowrap
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitFontFeatureSettings
The
font-feature-settings
CSS property controls advanced typographic features in OpenType fonts.
Initial value
:
normal
Inherited from VendorLonghandProperties . WebkitFontKerning
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitFontVariantLigatures
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.
Initial value
:
normal
The
hyphens
CSS property specifies how words should be hyphenated when text wraps across multiple lines. You can prevent hyphenation entirely, use hyphenation in manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
Initial value
:
manual
Inherited from VendorLonghandProperties . WebkitJustifyContent
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.
Initial value
:
normal
Inherited from VendorLonghandProperties . WebkitLineBreak
The
line-break
CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols.
Initial value
:
auto
Inherited from VendorLonghandProperties . WebkitLineClamp
The
-webkit-line-clamp
CSS property allows limiting of the contents of a block container to the specified number of lines.
Initial value
:
none
Inherited from VendorLonghandProperties . WebkitMarginEnd
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
.
Initial value
:
0
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitMarginStart
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
.
Initial value
:
0
Inherited from VendorShorthandProperties . WebkitMask
Inherited from VendorLonghandProperties . WebkitMaskAttachment
If a
-webkit-mask-image
is specified,
-webkit-mask-attachment
determines whether the mask image's position is fixed within the viewport, or scrolls along with its containing block.
Initial value
:
scroll
Inherited from VendorLonghandProperties . WebkitMaskClip
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.
Initial value
:
border
Inherited from VendorLonghandProperties . WebkitMaskComposite
The
-webkit-mask-composite
property specifies the manner in which multiple mask images applied to the same element are composited with one another. Mask images are composited in the opposite order that they are declared with the
-webkit-mask-image
property.
Initial value
:
source-over
Inherited from VendorLonghandProperties . WebkitMaskImage
Inherited from VendorLonghandProperties . WebkitMaskOrigin
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitMaskPosition
The
mask-position
CSS property sets the initial position, relative to the mask position layer set by
mask-origin
, for each defined mask image.
Initial value
:
0% 0%
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitMaskPositionX
The
-webkit-mask-position-x
CSS property sets the initial horizontal position of a mask image.
Initial value
:
0%
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitMaskPositionY
The
-webkit-mask-position-y
CSS property sets the initial vertical position of a mask image.
Initial value
:
0%
Inherited from VendorLonghandProperties . WebkitMaskRepeat
The
mask-repeat
CSS property sets how mask images are repeated. A mask image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all.
Initial value
:
repeat
Inherited from VendorLonghandProperties . WebkitMaskRepeatX
The
-webkit-mask-repeat-x
property specifies whether and how a mask image is repeated (tiled) horizontally.
Initial value
:
repeat
Inherited from VendorLonghandProperties . WebkitMaskRepeatY
The
-webkit-mask-repeat-y
property sets whether and how a mask image is repeated (tiled) vertically.
Initial value
:
repeat
Inherited from VendorLonghandProperties . WebkitMaskSize
The
mask-size
CSS property specifies the sizes of the mask images. The size of the image can be fully or partially constrained in order to preserve its intrinsic ratio.
Initial value
:
auto auto
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitMaxInlineSize
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 the
max-width
or the
max-height
property depending on the value defined for
writing-mode
. If the writing mode is vertically oriented, the value of
max-inline-size
relates to the maximal height of the element, otherwise it relates to the maximal width of the element. It relates to
max-block-size
, which defines the other dimension of the element.
Initial value
:
0
The
order
CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending
order
value and then by their source code order.
Initial value
:
0
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitOverflowScrolling
The
-webkit-overflow-scrolling
CSS property controls whether or not touch devices use momentum-based scrolling for a given element.
Initial value
:
auto
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitPaddingEnd
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. It corresponds to the
padding-top
,
padding-right
,
padding-bottom
, or
padding-left
property depending on the values defined for
writing-mode
,
direction
, and
text-orientation
.
Initial value
:
0
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitPaddingStart
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. It corresponds to the
padding-top
,
padding-right
,
padding-bottom
, or
padding-left
property depending on the values defined for
writing-mode
,
direction
, and
text-orientation
.
Initial value
:
0
Inherited from VendorLonghandProperties . WebkitPerspective
The
perspective
CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective. Each 3D element with z>0 becomes larger; each 3D-element with z<0 becomes smaller. The strength of the effect is determined by the value of this property.
Initial value
:
none
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitPerspectiveOrigin
The
perspective-origin
CSS property determines the position at which the viewer is looking. It is used as the
vanishing point
by the
perspective
property.
Initial value
:
50% 50%
Optional
Webkit
Inherited from ObsoleteProperties . WebkitScrollSnapPointsX
The
scroll-snap-points-x
CSS property defines the horizontal positioning of snap points within the content of the scroll container they are applied to.
Initial value
:
none
Optional
Webkit
Inherited from ObsoleteProperties . WebkitScrollSnapPointsY
The
scroll-snap-points-y
CSS property defines the vertical positioning of snap points within the content of the scroll container they are applied to.
Initial value
:
none
Inherited from VendorLonghandProperties . WebkitScrollSnapType
The
scroll-snap-type
CSS property sets how strictly snap points are enforced on the scroll container in case there is one.
Initial value
:
none
Inherited from VendorLonghandProperties . WebkitShapeMargin
The
shape-margin
CSS property sets a margin for a CSS shape created using
shape-outside
.
Initial value
:
0
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitTapHighlightColor
-webkit-tap-highlight-color
is a non-standard CSS property that sets the color of the highlight that appears over a link while it's being tapped. The highlighting indicates to the user that their tap is being successfully recognized, and indicates which element they're tapping on.
Initial value
:
black
Inherited from VendorLonghandProperties . WebkitTextCombine
The
text-combine-upright
CSS property sets the combination of characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes.
Initial value
:
none
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitTextDecorationColor
The
text-decoration-color
CSS property sets the color of decorations added to text by
text-decoration-line
.
Initial value
:
currentcolor
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitTextDecorationLine
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.
Initial value
:
none
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitTextDecorationSkip
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.
Initial value
:
objects
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitTextDecorationStyle
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
.
Initial value
:
solid
Inherited from VendorShorthandProperties . WebkitTextEmphasis
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitTextEmphasisColor
The
text-emphasis-color
CSS property sets the color of emphasis marks. This value can also be set using the
text-emphasis
shorthand.
Initial value
:
currentcolor
Inherited from VendorLonghandProperties . WebkitTextEmphasisPosition
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.
Initial value
:
over right
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitTextEmphasisStyle
The
text-emphasis-style
CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the
text-emphasis
shorthand.
Initial value
:
none
Inherited from VendorLonghandProperties . WebkitTextFillColor
The
-webkit-text-fill-color
CSS property specifies the fill color of characters of text. If this property is not set, the value of the
color
property is used.
Initial value
:
currentcolor
Inherited from VendorLonghandProperties . WebkitTextOrientation
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.
Initial value
:
mixed
Inherited from VendorLonghandProperties . WebkitTextSizeAdjust
The
text-size-adjust
CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property.
Initial value
:
auto
for smartphone browsers supporting inflation,
none
in other cases (and then not modifiable).
Optional
Webkit
Inherited from VendorShorthandProperties . WebkitTextStroke
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitTextStrokeColor
The
-webkit-text-stroke-color
CSS property specifies the stroke color of characters of text. If this property is not set, the value of the
color
property is used.
Initial value
:
currentcolor
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitTextStrokeWidth
Inherited from VendorLonghandProperties . WebkitTouchCallout
The
-webkit-touch-callout
CSS property controls the display of the default callout shown when you touch and hold a touch target.
Initial value
:
default
Inherited from VendorLonghandProperties . WebkitTransform
The
transform
CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
Initial value
:
none
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitTransformOrigin
Inherited from VendorLonghandProperties . WebkitTransformStyle
The
transform-style
CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element.
Initial value
:
flat
Inherited from VendorShorthandProperties . WebkitTransition
Inherited from VendorLonghandProperties . WebkitTransitionDelay
The
transition-delay
CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
Initial value
:
0s
Inherited from VendorLonghandProperties . WebkitTransitionDuration
The
transition-duration
CSS property sets the length of time a transition animation should take to complete. By default, the value is
0s
, meaning that no animation will occur.
Initial value
:
0s
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitTransitionProperty
The
transition-property
CSS property sets the CSS properties to which a transition effect should be applied.
Initial value : all
Optional
Webkit
Inherited from VendorLonghandProperties . WebkitTransitionTimingFunction
The
transition-timing-function
CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.
Initial value
:
ease
Inherited from VendorLonghandProperties . WebkitUserModify
Inherited from VendorLonghandProperties . WebkitUserSelect
The
**user-select**
CSS property controls whether the user can select text. This doesn't have any effect on content loaded as chrome, except in textboxes.
Initial value
:
auto
Inherited from VendorLonghandProperties . WebkitWritingMode
The
writing-mode
CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress.
Initial value
:
horizontal-tb
Inherited from StandardLonghandProperties . alignContent
The CSS
align-content
property sets how the browser distributes space between and around content items along the cross-axis of a flexbox container, and the main-axis of a grid container.
Initial value
:
normal
Supported in Flex Layout
Chrome Firefox Safari 21 -x- 6.1 -x-
The CSS
align-items
property sets the
align-self
value on all direct children as a group. The align-self property sets the alignment of an item within its containing block. 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.
Initial value
:
normal
Supported in Flex Layout
Chrome Firefox Safari 21 -x- 7 -x-
The
align-self
CSS property aligns flex items of the current flex line overriding the
align-items
value. If any of the item's cross-axis margin is set to
auto
, then
align-self
is ignored. In Grid layout
align-self
aligns the item inside the grid area.
Initial value
:
auto
Supported in Flex Layout
Chrome Firefox Safari 21 -x- 6.1 -x-Inherited from SvgProperties . alignmentBaseline
The
**all**
CSS shorthand property sets all of an element's properties (other than
unicode-bidi
and
direction
) to their initial or inherited values, or to the values specified in another stylesheet origin.
Initial value : There is no practical initial value for it.
Chrome Firefox Safarihttps://developer.mozilla.org/docs/Web/CSS/all
Inherited from StandardLonghandProperties . animationDelay
The
animation-delay
CSS property sets when an animation starts. The animation can start later, immediately from its beginning, or immediately and partway through the animation.
Initial value
:
0s
Inherited from StandardLonghandProperties . animationDirection
The
animation-direction
CSS property sets whether an animation should play forwards, backwards, or alternating back and forth.
Initial value
:
normal
Inherited from StandardLonghandProperties . animationDuration
The
animation-duration
CSS property sets the length of time that an animation takes to complete one cycle.
Initial value
:
0s
Inherited from StandardLonghandProperties . animationFillMode
The
animation-fill-mode
CSS property sets how a CSS animation applies styles to its target before and after its execution.
Initial value
:
none
Optional
animation
Inherited from StandardLonghandProperties . animationIterationCount
The
animation-iteration-count
CSS property sets the number of times an animation cycle should be played before stopping.
Initial value
:
1
Inherited from StandardLonghandProperties . animationName
The
animation-name
CSS property sets one or more animations to apply to an element. Each name is an
@keyframes
at-rule that sets the property values for the animation sequence.
Initial value
:
none
Inherited from StandardLonghandProperties . animationPlayState
Optional
animation
Inherited from StandardLonghandProperties . animationTimingFunction
The
**animation-timing-function**
CSS property sets how an animation progresses through the duration of each cycle.
Initial value
:
ease
The
-moz-appearance
CSS property is used in Gecko (Firefox) to display an element using platform-native styling based on the operating system's theme.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/appearance
Inherited from StandardLonghandProperties . aspectRatio
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.
Initial value
:
auto
Inherited from StandardLonghandProperties . backdropFilter
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.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/backdrop-filter
Inherited from StandardLonghandProperties . backfaceVisibility
The
backface-visibility
CSS property sets whether the back face of an element is visible when turned towards the user.
Initial value
:
visible
Inherited from StandardShorthandProperties . background
Inherited from StandardLonghandProperties . backgroundAttachment
The
background-attachment
CSS property sets whether a background image's position is fixed within the viewport, or scrolls with its containing block.
Initial value
:
scroll
https://developer.mozilla.org/docs/Web/CSS/background-attachment
Inherited from StandardLonghandProperties . backgroundBlendMode
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.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/background-blend-mode
Inherited from StandardLonghandProperties . backgroundClip
The
background-clip
CSS property sets whether an element's background
<color>
or
<image>
extends underneath its border.
Initial value
:
border-box
https://developer.mozilla.org/docs/Web/CSS/background-clip
Inherited from StandardLonghandProperties . backgroundColor
Inherited from StandardLonghandProperties . backgroundImage
Inherited from StandardLonghandProperties . backgroundOrigin
The
background-origin
CSS property sets the
background positioning area
. In other words, it sets the origin position of an image set with the
background-image
property.
Initial value
:
padding-box
https://developer.mozilla.org/docs/Web/CSS/background-origin
Optional
background
Inherited from StandardLonghandProperties . backgroundPosition
The
background-position
CSS property sets the initial position for each background image. The position is relative to the position layer set by
background-origin
.
Initial value
:
0% 0%
https://developer.mozilla.org/docs/Web/CSS/background-position
Optional
background
Inherited from StandardLonghandProperties . backgroundPositionX
The
background-position-x
CSS property sets the initial horizontal position for each background image. The position is relative to the position layer set by
background-origin
.
Initial value
:
left
https://developer.mozilla.org/docs/Web/CSS/background-position-x
Optional
background
Inherited from StandardLonghandProperties . backgroundPositionY
The
background-position-y
CSS property sets the initial vertical position, relative to the background position layer defined by
background-origin
, for each defined background image.
Initial value
:
top
https://developer.mozilla.org/docs/Web/CSS/background-position-y
Inherited from StandardLonghandProperties . backgroundRepeat
The
background-repeat
CSS property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.
Initial value
:
repeat
https://developer.mozilla.org/docs/Web/CSS/background-repeat
Inherited from StandardLonghandProperties . backgroundSize
The
background-size
CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.
Initial value
:
auto auto
Inherited from SvgProperties . baselineShift
Inherited from StandardLonghandProperties . blockOverflow
Inherited from StandardLonghandProperties . blockSize
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
.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/block-size
Inherited from StandardShorthandProperties . border
Inherited from StandardShorthandProperties . borderBlock
Inherited from StandardLonghandProperties . borderBlockColor
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
.
Initial value
:
currentcolor
https://developer.mozilla.org/docs/Web/CSS/border-block-color
Inherited from StandardShorthandProperties . borderBlockEnd
Inherited from StandardLonghandProperties . borderBlockEndColor
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
.
Initial value
:
currentcolor
https://developer.mozilla.org/docs/Web/CSS/border-block-end-color
Inherited from StandardLonghandProperties . borderBlockEndStyle
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
.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/border-block-end-style
Optional
border
Inherited from StandardLonghandProperties . borderBlockEndWidth
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
.
Initial value
:
medium
https://developer.mozilla.org/docs/Web/CSS/border-block-end-width
Optional
border
Inherited from StandardShorthandProperties . borderBlockStart
Optional
border
Inherited from StandardLonghandProperties . borderBlockStartColor
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
.
Initial value
:
currentcolor
https://developer.mozilla.org/docs/Web/CSS/border-block-start-color
Optional
border
Inherited from StandardLonghandProperties . borderBlockStartStyle
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
.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/border-block-start-style
Optional
border
Inherited from StandardLonghandProperties . borderBlockStartWidth
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
.
Initial value
:
medium
https://developer.mozilla.org/docs/Web/CSS/border-block-start-width
Inherited from StandardLonghandProperties . borderBlockStyle
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
.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/border-block-style
Optional
border
Inherited from StandardLonghandProperties . borderBlockWidth
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
.
Initial value
:
medium
https://developer.mozilla.org/docs/Web/CSS/border-block-width
Inherited from StandardShorthandProperties . borderBottom
Inherited from StandardLonghandProperties . borderBottomColor
The
border-bottom-color
CSS property sets the color of an element's bottom border. It can also be set with the shorthand CSS properties
border-color
or
border-bottom
.
Initial value
:
currentcolor
https://developer.mozilla.org/docs/Web/CSS/border-bottom-color
Optional
border
Inherited from StandardLonghandProperties . borderBottomLeftRadius
Optional
border
Inherited from StandardLonghandProperties . borderBottomRightRadius
The
border-bottom-right-radius
CSS property rounds the bottom-right corner of an element.
Initial value
:
0
Inherited from StandardLonghandProperties . borderBottomStyle
Optional
border
Inherited from StandardLonghandProperties . borderBottomWidth
Inherited from StandardLonghandProperties . borderCollapse
The
border-collapse
CSS property sets whether cells inside a
<table>
have shared or separate borders.
Initial value
:
separate
https://developer.mozilla.org/docs/Web/CSS/border-collapse
Inherited from StandardShorthandProperties . borderColor
Optional
border
Inherited from StandardLonghandProperties . borderEndEndRadius
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 on the element's
writing-mode
,
direction
, and
text-orientation
.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/border-end-end-radius
Optional
border
Inherited from StandardLonghandProperties . borderEndStartRadius
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
.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/border-end-start-radius
Inherited from StandardShorthandProperties . borderImage
Optional
border
Inherited from StandardLonghandProperties . borderImageOutset
The
border-image-outset
CSS property sets the distance by which an element's border image is set out from its border box.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/border-image-outset
Inherited from StandardLonghandProperties . borderImageRepeat
The
border-image-repeat
CSS property defines how the edge regions of a source image are adjusted to fit the dimensions of an element's border image.
Initial value
:
stretch
https://developer.mozilla.org/docs/Web/CSS/border-image-repeat
Inherited from StandardLonghandProperties . borderImageSlice
The
border-image-slice
CSS property divides the image specified by
border-image-source
into regions. These regions form the components of an element's border image.
Initial value
:
100%
https://developer.mozilla.org/docs/Web/CSS/border-image-slice
Inherited from StandardLonghandProperties . borderImageSource
The
border-image-source
CSS property sets the source image used to create an element's border image.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/border-image-source
Optional
border
Inherited from StandardLonghandProperties . borderImageWidth
Inherited from StandardShorthandProperties . borderInline
Inherited from StandardLonghandProperties . borderInlineColor
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
.
Initial value
:
currentcolor
https://developer.mozilla.org/docs/Web/CSS/border-inline-color
Inherited from StandardShorthandProperties . borderInlineEnd
Inherited from StandardLonghandProperties . borderInlineEndColor
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
.
Initial value
:
currentcolor
Inherited from StandardLonghandProperties . borderInlineEndStyle
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
.
Initial value
:
none
Optional
border
Inherited from StandardLonghandProperties . borderInlineEndWidth
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
.
Initial value
:
medium
Optional
border
Inherited from StandardShorthandProperties . borderInlineStart
Optional
border
Inherited from StandardLonghandProperties . borderInlineStartColor
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
.
Initial value
:
currentcolor
Optional
border
Inherited from StandardLonghandProperties . borderInlineStartStyle
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
.
Initial value
:
none
Optional
border
Inherited from StandardLonghandProperties . borderInlineStartWidth
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
.
Initial value
:
medium
https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width
Inherited from StandardLonghandProperties . borderInlineStyle
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
.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/border-inline-style
Optional
border
Inherited from StandardLonghandProperties . borderInlineWidth
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
.
Initial value
:
medium
https://developer.mozilla.org/docs/Web/CSS/border-inline-width
Inherited from StandardShorthandProperties . borderLeft
Inherited from StandardLonghandProperties . borderLeftColor
The
border-left-color
CSS property sets the color of an element's left border. It can also be set with the shorthand CSS properties
border-color
or
border-left
.
Initial value
:
currentcolor
https://developer.mozilla.org/docs/Web/CSS/border-left-color
Inherited from StandardLonghandProperties . borderLeftStyle
Inherited from StandardLonghandProperties . borderLeftWidth
Inherited from StandardShorthandProperties . borderRadius
Inherited from StandardShorthandProperties . borderRight
Inherited from StandardLonghandProperties . borderRightColor
The
border-right-color
CSS property sets the color of an element's right border. It can also be set with the shorthand CSS properties
border-color
or
border-right
.
Initial value
:
currentcolor
https://developer.mozilla.org/docs/Web/CSS/border-right-color
Inherited from StandardLonghandProperties . borderRightStyle
Optional
border
Inherited from StandardLonghandProperties . borderRightWidth
Inherited from StandardLonghandProperties . borderSpacing
The
border-spacing
CSS property sets the distance between the borders of adjacent
<table>
cells. This property applies only when
border-collapse
is
separate
.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/border-spacing
Optional
border
Inherited from StandardLonghandProperties . borderStartEndRadius
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
.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/border-start-end-radius
Optional
border
Inherited from StandardLonghandProperties . borderStartStartRadius
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
.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/border-start-start-radius
Inherited from StandardShorthandProperties . borderStyle
Inherited from StandardShorthandProperties . borderTop
Inherited from StandardLonghandProperties . borderTopColor
The
border-top-color
CSS property sets the color of an element's top border. It can also be set with the shorthand CSS properties
border-color
or
border-top
.
Initial value
:
currentcolor
https://developer.mozilla.org/docs/Web/CSS/border-top-color
Optional
border
Inherited from StandardLonghandProperties . borderTopLeftRadius
Optional
border
Inherited from StandardLonghandProperties . borderTopRightRadius
Inherited from StandardLonghandProperties . borderTopStyle
Inherited from StandardLonghandProperties . borderTopWidth
Inherited from StandardShorthandProperties . borderWidth
Inherited from StandardLonghandProperties . bottom
The
bottom
CSS property participates in specifying the vertical position of a
positioned element
. It has no effect on non-positioned elements.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/bottom
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.
Initial value
:
stretch
Inherited from StandardLonghandProperties . boxDecorationBreak
The
box-decoration-break
CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages.
Initial value
:
slice
https://developer.mozilla.org/docs/Web/CSS/box-decoration-break
The
box-direction
CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).
Initial value
:
normal
The
-moz-box-flex
and
-webkit-box-flex
CSS properties specify how a
-moz-box
or
-webkit-box
grows to fill the box that contains it, in the direction of the containing box's layout.
Initial value
:
0
The
box-flex-group
CSS property assigns the flexbox's child elements to a flex group.
Initial value
:
1
The
box-lines
CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).
Initial value
:
single
The
box-ordinal-group
CSS property assigns the flexbox's child elements to an ordinal group.
Initial value
:
1
The
box-orient
CSS property specifies whether an element lays out its contents horizontally or vertically.
Initial value
:
inline-axis
(
horizontal
in XUL)
The
-moz-box-pack
and
-webkit-box-pack
CSS properties specify how a
-moz-box
or
-webkit-box
packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.
Initial value
:
start
The
box-shadow
CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radii, and color.
Initial value
:
none
The
box-sizing
CSS property defines how the user agent should calculate the total width and height of an element.
Initial value
:
content-box
The
break-after
CSS property defines how page, column, or region breaks should behave after a generated box. If there is no generated box, the property is ignored.
Initial value
:
auto
Supported in Multi-column Layout
Chrome Firefox SafariSupported in Paged Media
Chrome Firefox SafariSupported in CSS Regions
Chrome Firefox SafariInherited from StandardLonghandProperties . breakBefore
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.
Initial value
:
auto
Supported in Multi-column Layout
Chrome Firefox SafariSupported in Paged Media
Chrome Firefox SafariSupported in CSS Regions
Chrome Firefox SafariInherited from StandardLonghandProperties . breakInside
The
break-inside
CSS property defines how page, column, or region breaks should behave inside a generated box. If there is no generated box, the property is ignored.
Initial value
:
auto
Supported in Multi-column Layout
Chrome Firefox SafariSupported in Paged Media
Chrome Firefox SafariSupported in CSS Regions
Chrome Firefox SafariInherited from StandardLonghandProperties . captionSide
The
caption-side
CSS property puts the content of a table's
<caption>
on the specified side. The values are relative to the
writing-mode
of the table.
Initial value
:
top
https://developer.mozilla.org/docs/Web/CSS/caption-side
The
caret-color
CSS property sets the color of the insertion caret, the visible marker where the next character typed will be inserted. 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.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/caret-color
The
clear
CSS property sets whether an element must be moved below (cleared) floating elements that precede it. The
clear
property applies to floating and non-floating elements.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/clear
The
clip
CSS property defines what portion of an element is visible. The
clip
property applies only to absolutely positioned elements, that is elements with
position:absolute
or
position:fixed
.
Initial value
:
auto
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.
Initial value
:
none
The
color
CSS property sets the foreground color value of an element's text and text decorations, and sets the
currentcolor
value.
currentcolor
may be used as an indirect value on
other
properties and is the default for other color properties, such as
border-color
.
Initial value : Varies from one browser to another
Chrome Firefox Safarihttps://developer.mozilla.org/docs/Web/CSS/color
Inherited from StandardLonghandProperties . colorAdjust
The
color-adjust
CSS property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device. By default, the browser is allowed to make any adjustments to the element's appearance it determines to be necessary and prudent given the type and capabilities of the output device.
Initial value
:
economy
https://developer.mozilla.org/docs/Web/CSS/color-adjust
Inherited from SvgProperties . colorInterpolation
Inherited from StandardLonghandProperties . columnCount
The
column-count
CSS property breaks an element's content into the specified number of columns.
Initial value
:
auto
The
column-fill
CSS property controls how an element's contents are balanced when broken into columns.
Initial value
:
balance
Inherited from StandardLonghandProperties . columnGap
The
column-gap
CSS property sets the size of the gap (gutter) between an element's columns.
Initial value
:
normal
Supported in Flex Layout
Chrome Firefox Safari 3 -x-Supported in Grid Layout
Chrome Firefox Safari 10.1 (grid-gap) 57 (grid-gap) 52 (grid-gap)Inherited from StandardShorthandProperties . columnRule
Inherited from StandardLonghandProperties . columnRuleColor
The
column-rule-color
CSS property sets the color of the rule (line) drawn between columns in a multi-column layout.
Initial value
:
currentcolor
Inherited from StandardLonghandProperties . columnRuleStyle
The
column-rule-style
CSS property sets the style of the line drawn between columns in a multi-column layout.
Initial value
:
none
Inherited from StandardLonghandProperties . columnRuleWidth
The
column-rule-width
CSS property sets the width of the rule (line) drawn between columns in a multi-column layout.
Initial value
:
medium
The
column-span
CSS property makes it possible for an element to span across all columns when its value is set to
all
.
Initial value
:
none
Inherited from StandardLonghandProperties . columnWidth
The
column-width
CSS property specifies the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the
column-width
value. If the width of the container is narrower than the specified value, the single column's width will be smaller than the declared column width.
Initial value
:
auto
Inherited from StandardShorthandProperties . columns
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.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/contain
The
content
CSS property replaces an element with a generated value. Objects inserted using the
content
property are
anonymous replaced elements.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/content
Inherited from StandardLonghandProperties . counterIncrement
The
counter-increment
CSS property increases or decreases the value of a CSS counter by a given value.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/counter-increment
Inherited from StandardLonghandProperties . counterReset
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.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/counter-set
The
cursor
CSS property sets mouse cursor to display when the mouse pointer is over an element.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/cursor
The
direction
CSS property sets the direction of text, table columns, and horizontal overflow. Use
rtl
for languages written from right to left (like Hebrew or Arabic), and
ltr
for those written from left to right (like English and most other languages).
Initial value
:
ltr
https://developer.mozilla.org/docs/Web/CSS/direction
The
display
CSS property defines the
display type
of an element, which consists of the two basic qualities of how an element generates boxes — the
outer display type
defining how the box participates in flow layout, and the
inner display type
defining how the children of the box are laid out.
Initial value
:
inline
https://developer.mozilla.org/docs/Web/CSS/display
Inherited from SvgProperties . dominantBaseline
The
empty-cells
CSS property sets whether borders and backgrounds appear around
<table>
cells that have no visible content.
Initial value
:
show
https://developer.mozilla.org/docs/Web/CSS/empty-cells
The
filter
CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.
Initial value
:
none
Inherited from StandardLonghandProperties . flexBasis
The
flex-basis
CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with
box-sizing
.
Initial value
:
auto
Inherited from StandardLonghandProperties . flexDirection
The
flex-direction
CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
Initial value
:
row
https://developer.mozilla.org/docs/Web/CSS/flex-direction
The
flex-grow
CSS property sets how much of the available space in the flex container should be assigned to that item (the flex grow factor). If all sibling items have the same flex grow factor, then all items will receive the same share of available space, otherwise it is distributed according to the ratio defined by the different flex grow factors.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/flex-grow
The
flex-shrink
CSS property sets the flex shrink factor of a flex item. If the size of flex items is larger than the flex container, items shrink to fit according to
flex-shrink
.
Initial value
:
1
The
flex-wrap
CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked.
Initial value
:
nowrap
The
float
CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the page, though still remaining a part of the flow (in contrast to absolute positioning).
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/float
Inherited from StandardLonghandProperties . fontFamily
Overrides SvgProperties . fontFamily
The
font-family
CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.
Initial value : depends on user agent
Chrome Firefox Safarihttps://developer.mozilla.org/docs/Web/CSS/font-family
Inherited from StandardLonghandProperties . fontFeatureSettings
The
font-feature-settings
CSS property controls advanced typographic features in OpenType fonts.
Initial value
:
normal
Inherited from StandardLonghandProperties . fontKerning
Inherited from StandardLonghandProperties . fontLanguageOverride
The
font-language-override
CSS property controls the use of language-specific glyphs in a typeface.
Initial value
:
normal
Inherited from StandardLonghandProperties . fontOpticalSizing
The
font-optical-sizing
CSS property sets whether text rendering is optimized for viewing at different sizes. This only works for fonts that have an optical size variation axis.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/font-optical-sizing
Inherited from StandardLonghandProperties . fontSize
Overrides SvgProperties . fontSize
The
font-size
CSS property sets the size of the font. This property is also used to compute the size of
em
,
ex
, and other relative
<length>
units.
Initial value
:
medium
https://developer.mozilla.org/docs/Web/CSS/font-size
Inherited from StandardLonghandProperties . fontSizeAdjust
Overrides SvgProperties . fontSizeAdjust
The
font-size-adjust
CSS property sets how the font size should be chosen based on the height of lowercase rather than capital letters.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/font-size-adjust
Inherited from StandardLonghandProperties . fontStretch
Overrides SvgProperties . fontStretch
The
font-style
CSS property sets whether a font should be styled with a normal, italic, or oblique face from its
font-family
.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/font-style
Inherited from StandardLonghandProperties . fontSynthesis
The
font-synthesis
CSS property controls which missing typefaces, bold or italic, may be synthesized by the browser.
Initial value
:
weight style
https://developer.mozilla.org/docs/Web/CSS/font-synthesis
Inherited from StandardLonghandProperties . fontVariant
Overrides SvgProperties . fontVariant
The
font-variant
CSS property is a shorthand for the longhand properties
font-variant-caps
,
font-variant-numeric
,
font-variant-alternates
,
font-variant-ligatures
, and
font-variant-east-asian
. You can also set the CSS Level 2 (Revision 1) values of
font-variant
, (that is,
normal
or
small-caps
), by using the
font
shorthand.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/font-variant
Inherited from ObsoleteProperties . fontVariantAlternates
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
.
Initial value
:
normal
Inherited from StandardLonghandProperties . fontVariantCaps
The
font-variant-caps
CSS property controls the use of alternate glyphs for capital letters.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/font-variant-caps
Inherited from StandardLonghandProperties . fontVariantEastAsian
The
font-variant-east-asian
CSS property controls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/font-variant-east-asian
Inherited from StandardLonghandProperties . fontVariantLigatures
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.
Initial value
:
normal
Inherited from StandardLonghandProperties . fontVariantNumeric
The
font-variant-numeric
CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/font-variant-numeric
Inherited from StandardLonghandProperties . fontVariantPosition
The
font-variant-position
CSS property controls the use of alternate, smaller glyphs that are positioned as superscript or subscript.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/font-variant-position
Inherited from StandardLonghandProperties . fontVariationSettings
The
font-variation-settings
CSS property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their values.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/font-variation-settings
Inherited from StandardLonghandProperties . fontWeight
Overrides SvgProperties . fontWeight
The
font-weight
CSS property specifies the weight (or boldness) of the font. The font weights available to you will depend on the
font-family
you are using. Some fonts are only available in
normal
and
bold
.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/font-weight
The
gap
CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for
row-gap
and
column-gap
.
Supported in Flex Layout
Chrome Firefox SafariSupported in Grid Layout
Chrome Firefox Safari 10.1 (grid-gap) 57 (grid-gap) 52 (grid-gap)
Optional
glyph
Inherited from SvgProperties . glyphOrientationVertical
The
grid-area
CSS property is a shorthand property for
grid-row-start
,
grid-column-start
,
grid-row-end
and
grid-column-end
, specifying a grid item’s size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
Inherited from StandardLonghandProperties . gridAutoColumns
The
grid-auto-columns
CSS property specifies the size of an implicitly-created grid column track.
Initial value
:
auto
Inherited from StandardLonghandProperties . gridAutoFlow
The
grid-auto-flow
CSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.
Initial value
:
row
https://developer.mozilla.org/docs/Web/CSS/grid-auto-flow
Inherited from StandardLonghandProperties . gridAutoRows
The
grid-auto-rows
CSS property specifies the size of an implicitly-created grid row track.
Initial value
:
auto
The
grid-column
CSS property is a shorthand property for
grid-column-start
and
grid-column-end
specifying a grid item's size and location within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
Inherited from StandardLonghandProperties . gridColumnEnd
The
grid-column-end
CSS property specifies a grid item’s end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/grid-column-end
Inherited from ObsoleteProperties . gridColumnGap
The
column-gap
CSS property sets the size of the gap (gutter) between an element's columns.
Initial value
:
0
Inherited from StandardLonghandProperties . gridColumnStart
The
grid-column-start
CSS property specifies a grid item’s start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/grid-column-start
The
gap
CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for
row-gap
and
column-gap
.
The
grid-row-end
CSS property specifies a grid item’s end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/grid-row-end
Inherited from ObsoleteProperties . gridRowGap
The
row-gap
CSS property sets the size of the gap (gutter) between an element's grid rows.
Initial value
:
0
Inherited from StandardLonghandProperties . gridRowStart
The
grid-row-start
CSS property specifies a grid item’s start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/grid-row-start
Inherited from StandardShorthandProperties . gridTemplate
Inherited from StandardLonghandProperties . gridTemplateAreas
Optional
grid
Inherited from StandardLonghandProperties . gridTemplateColumns
The
grid-template-columns
CSS property defines the line names and track sizing functions of the grid columns.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/grid-template-columns
Optional
grid
Inherited from StandardLonghandProperties . gridTemplateRows
The
grid-template-rows
CSS property defines the line names and track sizing functions of the grid rows.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/grid-template-rows
Inherited from StandardLonghandProperties . hangingPunctuation
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.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/hanging-punctuation
Inherited from StandardLonghandProperties . height
The
height
CSS property specifies the height of an element. By default, the property defines the height of the content area. If
box-sizing
is set to
border-box
, however, it instead determines the height of the border area.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/height
The
hyphens
CSS property specifies how words should be hyphenated when text wraps across multiple lines. You can prevent hyphenation entirely, use hyphenation in manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
Initial value
:
manual
Inherited from StandardLonghandProperties . imageOrientation
The
image-orientation
CSS property specifies a layout-independent correction to the orientation of an image. It should
not
be used for any other orientation adjustments; instead, the
transform
property should be used with the
rotate
<transform-function>
.
Initial value
:
0deg
https://developer.mozilla.org/docs/Web/CSS/image-orientation
Inherited from StandardLonghandProperties . imageRendering
Overrides SvgProperties . imageRendering
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.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/image-rendering
Inherited from StandardLonghandProperties . imageResolution
The
ime-mode
CSS property controls the state of the input method editor (IME) for text fields. This property is obsolete.
Initial value
:
auto
Inherited from StandardLonghandProperties . initialLetter
The
initial-letter
CSS property sets styling for dropped, raised, and sunken initial letters.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/initial-letter
Inherited from StandardLonghandProperties . inlineSize
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
.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/inline-size
The
inset
CSS property defines the logical block and inline start and end offsets of an element, which map 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
.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/inset
Inherited from StandardLonghandProperties . insetBlock
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
.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/inset-block
Inherited from StandardLonghandProperties . insetBlockEnd
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
.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/inset-block-end
Inherited from StandardLonghandProperties . insetBlockStart
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
.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/inset-block-start
Inherited from StandardLonghandProperties . insetInline
The
inset-inline
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
.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/inset-inline
Inherited from StandardLonghandProperties . insetInlineEnd
The
inset-inline-end
CSS property defines the logical inline end inset 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
.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/inset-inline-end
Optional
inset
Inherited from StandardLonghandProperties . insetInlineStart
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
.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/inset-inline-start
The
isolation
CSS property determines whether an element must create a new stacking context.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/isolation
Inherited from StandardLonghandProperties . justifyContent
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.
Initial value
:
normal
Supported in Flex Layout
Chrome Firefox Safari 21 -x- 6.1 -x-Inherited from StandardLonghandProperties . justifyItems
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.
Initial value
:
legacy
Supported in Flex Layout
Chrome Firefox SafariSupported in Grid Layout
Chrome Firefox SafariInherited from StandardLonghandProperties . justifySelf
The CSS
justify-self
property set the way a box is justified inside its alignment container along the appropriate axis.
Initial value
:
auto
Supported in Flex Layout
Chrome Firefox SafariSupported in Grid Layout
Chrome Firefox Safari
The
left
CSS property participates in specifying the horizontal position of a
positioned element
. It has no effect on non-positioned elements.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/left
Inherited from StandardLonghandProperties . letterSpacing
Overrides SvgProperties . letterSpacing
The
line-break
CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols.
Initial value
:
auto
Inherited from StandardLonghandProperties . lineHeight
Overrides SvgProperties . lineHeight
The
line-height
CSS property sets the amount of space used for lines, such as in text. On block-level elements, it specifies the minimum height of line boxes within the element. On non-replaced inline elements, it specifies the height that is used to calculate line box height.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/line-height
Inherited from StandardLonghandProperties . lineHeightStep
The
line-height-step
CSS property sets the step unit for line box heights. When the property is set, line box heights are rounded up to the closest multiple of the unit.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/line-height-step
Inherited from StandardLonghandProperties . listStyleImage
Inherited from StandardLonghandProperties . listStylePosition
The
list-style-position
CSS property sets the position of the
::marker
relative to a list item.
Initial value
:
outside
https://developer.mozilla.org/docs/Web/CSS/list-style-position
Inherited from StandardLonghandProperties . listStyleType
The
list-style-type
CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.
Initial value
:
disc
https://developer.mozilla.org/docs/Web/CSS/list-style-type
Inherited from StandardShorthandProperties . margin
Inherited from StandardLonghandProperties . marginBlock
The
margin-block
CSS 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.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/margin-block
Inherited from StandardLonghandProperties . marginBlockEnd
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.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/margin-block-end
Optional
margin
Inherited from StandardLonghandProperties . marginBlockStart
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.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/margin-block-start
Inherited from StandardLonghandProperties . marginBottom
The
margin-bottom
CSS property sets the margin area on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/margin-bottom
Inherited from StandardLonghandProperties . marginInline
The
margin-inline
CSS property defines 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.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/margin-inline
Inherited from StandardLonghandProperties . marginInlineEnd
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
.
Initial value
:
0
Optional
margin
Inherited from StandardLonghandProperties . marginInlineStart
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
.
Initial value
:
0
Inherited from StandardLonghandProperties . marginLeft
The
margin-left
CSS property sets the margin area on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/margin-left
Inherited from StandardLonghandProperties . marginRight
The
margin-right
CSS property sets the margin area on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/margin-right
Inherited from StandardLonghandProperties . marginTop
The
margin-top
CSS property sets the margin area on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/margin-top
Inherited from StandardLonghandProperties . maskBorderMode
Optional
mask
Inherited from StandardLonghandProperties . maskBorderOutset
The
mask-border-outset
CSS property specifies the distance by which an element's mask border is set out from its border box.
Initial value
:
0
Inherited from StandardLonghandProperties . maskBorderRepeat
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.
Initial value
:
stretch
Inherited from StandardLonghandProperties . maskBorderSlice
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.
Initial value
:
0
Inherited from StandardLonghandProperties . maskBorderSource
The
mask-border-source
CSS property sets the source image used to create an element's mask border.
Initial value
:
none
Inherited from StandardLonghandProperties . maskBorderWidth
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.
Initial value
:
border-box
https://developer.mozilla.org/docs/Web/CSS/mask-clip
Inherited from StandardLonghandProperties . maskComposite
The
mask-composite
CSS property represents a compositing operation used on the current mask layer with the mask layers below it.
Initial value
:
add
https://developer.mozilla.org/docs/Web/CSS/mask-composite
The
mask-mode
CSS property sets whether the mask reference defined by
mask-image
is treated as a luminance or alpha mask.
Initial value
:
match-source
https://developer.mozilla.org/docs/Web/CSS/mask-mode
Inherited from StandardLonghandProperties . maskPosition
The
mask-position
CSS property sets the initial position, relative to the mask position layer set by
mask-origin
, for each defined mask image.
Initial value
:
center
https://developer.mozilla.org/docs/Web/CSS/mask-position
The
mask-repeat
CSS property sets how mask images are repeated. A mask image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all.
Initial value
:
no-repeat
https://developer.mozilla.org/docs/Web/CSS/mask-repeat
Inherited from StandardLonghandProperties . maskSize
The
mask-size
CSS property specifies the sizes of the mask images. The size of the image can be fully or partially constrained in order to preserve its intrinsic ratio.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/mask-size
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.
Initial value
:
luminance
https://developer.mozilla.org/docs/Web/CSS/mask-type
Inherited from StandardLonghandProperties . maxBlockSize
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
.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/max-block-size
Inherited from StandardLonghandProperties . maxHeight
The
max-height
CSS property sets the maximum height of an element. It prevents the used value of the
height
property from becoming larger than the value specified for
max-height
.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/max-height
Inherited from StandardLonghandProperties . maxInlineSize
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 the
max-width
or the
max-height
property depending on the value defined for
writing-mode
. If the writing mode is vertically oriented, the value of
max-inline-size
relates to the maximal height of the element, otherwise it relates to the maximal width of the element. It relates to
max-block-size
, which defines the other dimension of the element.
Initial value
:
0
Inherited from StandardLonghandProperties . maxWidth
The
max-width
CSS property sets the maximum width of an element. It prevents the used value of the
width
property from becoming larger than the value specified by
max-width
.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/max-width
Inherited from StandardLonghandProperties . minBlockSize
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
.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/min-block-size
Inherited from StandardLonghandProperties . minHeight
The
min-height
CSS property sets the minimum height of an element. It prevents the used value of the
height
property from becoming smaller than the value specified for
min-height
.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/min-height
Inherited from StandardLonghandProperties . minInlineSize
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
.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/min-inline-size
Inherited from StandardLonghandProperties . minWidth
The
min-width
CSS property sets the minimum width of an element. It prevents the used value of the
width
property from becoming smaller than the value specified for
min-width
.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/min-width
Inherited from StandardLonghandProperties . mixBlendMode
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.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/mix-blend-mode
Inherited from StandardShorthandProperties . motion
Inherited from StandardLonghandProperties . motionDistance
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.
Initial value
:
none
Inherited from StandardLonghandProperties . motionRotation
The
offset-rotate
CSS property defines the direction of the element while positioning along the offset path.
Initial value
:
auto
Inherited from VendorLonghandProperties . msAccelerator
The
-ms-accelerator
CSS property is a Microsoft extension that sets or retrieves a string indicating whether the object represents a keyboard shortcut.
Initial value
:
false
The
align-self
CSS property aligns flex items of the current flex line overriding the
align-items
value. If any of the item's cross-axis margin is set to
auto
, then
align-self
is ignored. In Grid layout
align-self
aligns the item inside the grid area.
Initial value
:
auto
Inherited from VendorLonghandProperties . msBlockProgression
The
-ms-block-progression
CSS property is a Microsoft extension that specifies the block progression and layout orientation.
Initial value
:
tb
Optional
ms
Inherited from VendorLonghandProperties . msContentZoomChaining
The
-ms-content-zoom-chaining
CSS property is a Microsoft extension specifying the zoom behavior that occurs when a user hits the zoom limit during page manipulation.
Initial value
:
none
Inherited from VendorShorthandProperties . msContentZoomLimit
Inherited from VendorLonghandProperties . msContentZoomLimitMax
The
-ms-content-zoom-limit-max
CSS property is a Microsoft extension that specifies the selected elements' maximum zoom factor.
Initial value
:
400%
Inherited from VendorLonghandProperties . msContentZoomLimitMin
The
-ms-content-zoom-limit-min
CSS property is a Microsoft extension that specifies the minimum zoom factor.
Initial value
:
100%
Inherited from VendorShorthandProperties . msContentZoomSnap
Inherited from VendorLonghandProperties . msContentZoomSnapPoints
The
-ms-content-zoom-snap-points
CSS property is a Microsoft extension that specifies where zoom snap-points are located.
Initial value
:
snapInterval(0%, 100%)
Optional
ms
Inherited from VendorLonghandProperties . msContentZoomSnapType
The
-ms-content-zoom-snap-type
CSS property is a Microsoft extension that specifies how zooming is affected by defined snap-points.
Initial value
:
none
Inherited from VendorLonghandProperties . msContentZooming
The
-ms-content-zooming
CSS property is a Microsoft extension that specifies whether zooming is enabled.
Initial value : zoom for the top level element, none for all other elements
The
-ms-filter
CSS property is a Microsoft extension that sets or retrieves the filter or collection of filters applied to an object.
Initial value : "" (the empty string)
Inherited from VendorLonghandProperties . msFlexDirection
The
flex-direction
CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
Initial value
:
row
Inherited from VendorLonghandProperties . msFlexPositive
The
flex-grow
CSS property sets how much of the available space in the flex container should be assigned to that item (the flex grow factor). If all sibling items have the same flex grow factor, then all items will receive the same share of available space, otherwise it is distributed according to the ratio defined by the different flex grow factors.
Initial value
:
0
The
-ms-flow-from
CSS property is a Microsoft extension that gets or sets a value identifying a region container in the document that accepts the content flow from the data source.
Initial value
:
none
The
-ms-flow-into
CSS property is a Microsoft extension that gets or sets a value identifying an iframe container in the document that serves as the region's data source.
Initial value
:
none
Inherited from VendorLonghandProperties . msGridColumns
The
grid-auto-columns
CSS property specifies the size of an implicitly-created grid column track.
Initial value
:
auto
Inherited from VendorLonghandProperties . msGridRows
The
grid-auto-rows
CSS property specifies the size of an implicitly-created grid row track.
Initial value
:
auto
Inherited from VendorLonghandProperties . msHighContrastAdjust
The
-ms-high-contrast-adjust
CSS property is a Microsoft extension that gets or sets a value indicating whether to override any CSS properties that would have been set in high contrast mode.
Initial value
:
auto
Optional
ms
Inherited from VendorLonghandProperties . msHyphenateLimitChars
The
-ms-hyphenate-limit-chars
CSS property is a Microsoft extension that specifies one to three values indicating the minimum number of characters in a hyphenated word. If the word does not meet the required minimum number of characters in the word, before the hyphen, or after the hyphen, then the word is not hyphenated.
Initial value
:
auto
Optional
ms
Inherited from VendorLonghandProperties . msHyphenateLimitLines
The
-ms-hyphenate-limit-lines
CSS property is a Microsoft extension specifying the maximum number of consecutive lines in an element that may be ended with a hyphenated word.
Initial value
:
no-limit
Optional
ms
Inherited from VendorLonghandProperties . msHyphenateLimitZone
The
**-ms-hyphenate-limit-zone**
CSS property is a Microsoft extension specifying the width of the hyphenation zone.
Initial value
:
0
The
hyphens
CSS property specifies how words should be hyphenated when text wraps across multiple lines. You can prevent hyphenation entirely, use hyphenation in manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
Initial value
:
manual
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.
Initial value
:
auto
The
ime-mode
CSS property controls the state of the input method editor (IME) for text fields. This property is obsolete.
Initial value
:
auto
The
line-break
CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols.
Initial value
:
auto
The
order
CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending
order
value and then by their source code order.
Initial value
:
0
Inherited from VendorLonghandProperties . msOverflowStyle
The
-ms-overflow-style
CSS property is a Microsoft extension controlling the behavior of scrollbars when the content of an element overflows.
Initial value
:
auto
The
overflow-x
CSS property sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll bar, or the overflow content.
Initial value
:
visible
The
overflow-y
CSS property sets what shows when content overflows a block-level element's top and bottom edges. This may be nothing, a scroll bar, or the overflow content.
Initial value
:
visible
Inherited from VendorLonghandProperties . msScrollChaining
The
**-ms-scroll-chaining**
CSS property is a Microsoft extension that specifies the scrolling behavior that occurs when a user hits the scroll limit during a manipulation.
Initial value
:
chained
Optional
ms
Inherited from VendorLonghandProperties . msScrollLimitXMax
The
**-ms-scroll-limit-x-max**
CSS property is a Microsoft extension that specifies the maximum value for the
Element.scrollLeft
property.
Initial value
:
auto
Optional
ms
Inherited from VendorLonghandProperties . msScrollLimitXMin
The
-ms-scroll-limit-x-min
CSS property is a Microsoft extension that specifies the minimum value for the
Element.scrollLeft
property.
Initial value
:
0
Optional
ms
Inherited from VendorLonghandProperties . msScrollLimitYMax
The
-ms-scroll-limit-y-max
CSS property is a Microsoft extension that specifies the maximum value for the
Element.scrollTop
property.
Initial value
:
auto
Optional
ms
Inherited from VendorLonghandProperties . msScrollLimitYMin
The
-ms-scroll-limit-y-min
CSS property is a Microsoft extension that specifies the minimum value for the
Element.scrollTop
property.
Initial value
:
0
Inherited from VendorLonghandProperties . msScrollRails
The
-ms-scroll-rails
CSS property is a Microsoft extension that specifies whether scrolling locks to the primary axis of motion.
Initial value
:
railed
Inherited from VendorLonghandProperties . msScrollSnapPointsX
The
-ms-scroll-snap-points-x
CSS property is a Microsoft extension that specifies where snap-points will be located along the x-axis.
Initial value
:
snapInterval(0px, 100%)
Inherited from VendorLonghandProperties . msScrollSnapPointsY
The
-ms-scroll-snap-points-y
CSS property is a Microsoft extension that specifies where snap-points will be located along the y-axis.
Initial value
:
snapInterval(0px, 100%)
Inherited from VendorLonghandProperties . msScrollSnapType
The
scroll-snap-type
CSS property sets how strictly snap points are enforced on the scroll container in case there is one.
Initial value
:
none
Inherited from VendorLonghandProperties . msScrollTranslation
The
-ms-scroll-translation
CSS property is a Microsoft extension that specifies whether vertical-to-horizontal scroll wheel translation occurs on the specified element.
Initial value
:
none
Optional
ms
Inherited from VendorLonghandProperties . msScrollbar3dlightColor
The
-ms-scrollbar-3dlight-color
CSS property is a Microsoft extension specifying the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.
Initial value : depends on user agent
Optional
ms
Inherited from VendorLonghandProperties . msScrollbarArrowColor
The
-ms-scrollbar-arrow-color
CSS property is a Microsoft extension that specifies the color of the arrow elements of a scroll arrow.
Initial value
:
ButtonText
Inherited from VendorLonghandProperties . msScrollbarBaseColor
The
**-ms-scrollbar-base-color**
CSS property is a Microsoft extension that specifies the base color of the main elements of a scroll bar.
Initial value : depends on user agent
Optional
ms
Inherited from VendorLonghandProperties . msScrollbarDarkshadowColor
The
-ms-scrollbar-darkshadow-color
CSS property is a Microsoft extension that specifies the color of a scroll bar's gutter.
Initial value
:
ThreeDDarkShadow
Inherited from VendorLonghandProperties . msScrollbarFaceColor
The
**-ms-scrollbar-face-color**
CSS property is a Microsoft extension that specifies the color of the scroll box and scroll arrows of a scroll bar.
Initial value
:
ThreeDFace
Optional
ms
Inherited from VendorLonghandProperties . msScrollbarHighlightColor
The
**-ms-scrollbar-highlight-color**
CSS property is a Microsoft extension that specifies the color of the slider tray, the top and left edges of the scroll box, and the scroll arrows of a scroll bar.
Initial value
:
ThreeDHighlight
Optional
ms
Inherited from VendorLonghandProperties . msScrollbarShadowColor
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.
Initial value
:
ThreeDDarkShadow
Optional
ms
Inherited from VendorLonghandProperties . msScrollbarTrackColor
The
-ms-scrollbar-track-color
CSS property is a Microsoft extension that specifies the color of the track element of a scrollbar.
Initial value
:
Scrollbar
Inherited from VendorLonghandProperties . msTextAutospace
The
-ms-text-autospace
CSS property is a Microsoft extension that specifies the autospacing and narrow space width adjustment of text.
Initial value
:
none
Optional
ms
Inherited from VendorLonghandProperties . msTextCombineHorizontal
The
text-combine-upright
CSS property sets the combination of characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes.
Initial value
:
none
Inherited from VendorLonghandProperties . msTextOverflow
The
text-overflow
CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis ('
…
'), or display a custom string.
Initial value
:
clip
Inherited from VendorLonghandProperties . msTouchAction
The
touch-action
CSS property sets how a region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).
Initial value
:
auto
Inherited from VendorLonghandProperties . msTouchSelect
The
-ms-touch-select
CSS property is a Microsoft extension that toggles the gripper visual elements that enable touch text selection.
Initial value
:
grippers
The
transform
CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
Initial value
:
none
Optional
ms
Inherited from VendorLonghandProperties . msTransformOrigin
Inherited from VendorShorthandProperties . msTransition
Inherited from VendorLonghandProperties . msTransitionDelay
The
transition-delay
CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
Initial value
:
0s
Inherited from VendorLonghandProperties . msTransitionDuration
The
transition-duration
CSS property sets the length of time a transition animation should take to complete. By default, the value is
0s
, meaning that no animation will occur.
Initial value
:
0s
Inherited from VendorLonghandProperties . msTransitionProperty
The
transition-property
CSS property sets the CSS properties to which a transition effect should be applied.
Initial value : all
Optional
ms
Inherited from VendorLonghandProperties . msTransitionTimingFunction
The
transition-timing-function
CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.
Initial value
:
ease
Inherited from VendorLonghandProperties . msUserSelect
The
**user-select**
CSS property controls whether the user can select text. This doesn't have any effect on content loaded as chrome, except in textboxes.
Initial value
:
text
The
word-break
CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.
Initial value
:
normal
The
-ms-wrap-flow
CSS property is a Microsoft extension that specifies how exclusions impact inline content within block-level elements.
Initial value
:
auto
Inherited from VendorLonghandProperties . msWrapMargin
The
-ms-wrap-margin
CSS property is a Microsoft extension that specifies a margin that offsets the inner wrap shape from other shapes.
Initial value
:
0
Inherited from VendorLonghandProperties . msWrapThrough
The
-ms-wrap-through
CSS property is a Microsoft extension that specifies how content should wrap around an exclusion element.
Initial value
:
wrap
Inherited from VendorLonghandProperties . msWritingMode
The
writing-mode
CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress.
Initial value
:
horizontal-tb
The
object-fit
CSS property sets how the content of a replaced element, such as an
<img>
or
<video>
, should be resized to fit its container.
Initial value
:
fill
https://developer.mozilla.org/docs/Web/CSS/object-fit
Inherited from StandardLonghandProperties . objectPosition
The
object-position
CSS property specifies the alignment of the selected replaced element's contents within the element's box. Areas of the box which aren't covered by the replaced element's object will show the element's background.
Initial value
:
50% 50%
https://developer.mozilla.org/docs/Web/CSS/object-position
Inherited from StandardShorthandProperties . offset
Inherited from StandardLonghandProperties . offsetAnchor
Inherited from ObsoleteProperties . offsetBlock
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
.
Initial value
:
auto
Inherited from ObsoleteProperties . offsetBlockEnd
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
.
Initial value
:
auto
Inherited from ObsoleteProperties . offsetBlockStart
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
.
Initial value
:
auto
Inherited from StandardLonghandProperties . offsetDistance
Inherited from ObsoleteProperties . offsetInline
The
inset-inline
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
.
Initial value
:
auto
Inherited from ObsoleteProperties . offsetInlineEnd
The
inset-inline-end
CSS property defines the logical inline end inset 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
.
Initial value
:
auto
Optional
offset
Inherited from ObsoleteProperties . offsetInlineStart
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
.
Initial value
:
auto
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.
Initial value
:
none
Inherited from StandardLonghandProperties . offsetRotate
The
offset-rotate
CSS property defines the direction of the element while positioning along the offset path.
Initial value
:
auto
Inherited from StandardLonghandProperties . offsetRotation
The
offset-rotate
CSS property defines the direction of the element while positioning along the offset path.
Initial value
:
auto
The
opacity
CSS property sets the transparency of an element or the degree to which content behind an element is visible.
Initial value
:
1.0
https://developer.mozilla.org/docs/Web/CSS/opacity
The
order
CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending
order
value and then by their source code order.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/order
The
orphans
CSS property sets the minimum number of lines in a block container that must be shown at the
bottom
of a page, region, or column.
Initial value
:
2
https://developer.mozilla.org/docs/Web/CSS/orphans
Inherited from StandardShorthandProperties . outline
Inherited from StandardLonghandProperties . outlineColor
Inherited from StandardLonghandProperties . outlineOffset
The
outline-offset
CSS property sets the amount of space between an outline and the edge or border of an element.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/outline-offset
Inherited from StandardLonghandProperties . outlineStyle
The
outline-style
CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the
border
.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/outline-style
Inherited from StandardLonghandProperties . outlineWidth
The
outline-width
CSS property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the
border
.
Initial value
:
medium
https://developer.mozilla.org/docs/Web/CSS/outline-width
The
overflow
CSS property sets what to do when an element's content is too big to fit in its block formatting context. It is a shorthand for
overflow-x
and
overflow-y
.
Initial value
:
visible
https://developer.mozilla.org/docs/Web/CSS/overflow
Inherited from StandardLonghandProperties . overflowAnchor
Inherited from StandardLonghandProperties . overflowBlock
Inherited from StandardLonghandProperties . overflowClipBox
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.
Initial value
:
padding-box
https://developer.mozilla.org/docs/Mozilla/CSS/overflow-clip-box
Inherited from StandardLonghandProperties . overflowInline
Inherited from StandardLonghandProperties . overflowWrap
The
**overflow-wrap**
CSS property sets whether the browser should insert line breaks within words to prevent text from overflowing its content box.
Initial value
:
normal
The
overflow-x
CSS property sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll bar, or the overflow content.
Initial value
:
visible
https://developer.mozilla.org/docs/Web/CSS/overflow-x
The
overflow-y
CSS property sets what shows when content overflows a block-level element's top and bottom edges. This may be nothing, a scroll bar, or the overflow content.
Initial value
:
visible
https://developer.mozilla.org/docs/Web/CSS/overflow-y
Inherited from StandardLonghandProperties . overscrollBehavior
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
.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior
Inherited from StandardLonghandProperties . overscrollBehaviorX
The
overscroll-behavior-x
CSS property sets the browser's behavior when the horizontal boundary of a scrolling area is reached.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-x
Inherited from StandardLonghandProperties . overscrollBehaviorY
The
overscroll-behavior-y
CSS property sets the browser's behavior when the vertical boundary of a scrolling area is reached.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-y
Inherited from StandardShorthandProperties . padding
Inherited from StandardLonghandProperties . paddingBlock
The
padding-block
CSS 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.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/padding-block
Inherited from StandardLonghandProperties . paddingBlockEnd
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. It corresponds to the
padding-top
,
padding-right
,
padding-bottom
, or
padding-left
property depending on the values defined for
writing-mode
,
direction
, and
text-orientation
.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/padding-block-end
Optional
padding
Inherited from StandardLonghandProperties . paddingBlockStart
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. It corresponds to the
padding-top
,
padding-right
,
padding-bottom
, or
padding-left
property depending on the values defined for
writing-mode
,
direction
, and
text-orientation
.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/padding-block-start
Inherited from StandardLonghandProperties . paddingBottom
The
padding-bottom
CSS property sets the height of the padding area on the bottom of an element.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/padding-bottom
Inherited from StandardLonghandProperties . paddingInline
The
padding-inline
CSS 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.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/padding-inline
Optional
padding
Inherited from StandardLonghandProperties . paddingInlineEnd
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. It corresponds to the
padding-top
,
padding-right
,
padding-bottom
, or
padding-left
property depending on the values defined for
writing-mode
,
direction
, and
text-orientation
.
Initial value
:
0
Optional
padding
Inherited from StandardLonghandProperties . paddingInlineStart
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. It corresponds to the
padding-top
,
padding-right
,
padding-bottom
, or
padding-left
property depending on the values defined for
writing-mode
,
direction
, and
text-orientation
.
Initial value
:
0
Inherited from StandardLonghandProperties . paddingLeft
The
padding-left
CSS property sets the width of the padding area on the left side of an element.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/padding-left
Inherited from StandardLonghandProperties . paddingRight
The
padding-right
CSS property sets the width of the padding area on the right side of an element.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/padding-right
Inherited from StandardLonghandProperties . paddingTop
Inherited from StandardLonghandProperties . pageBreakAfter
Inherited from StandardLonghandProperties . pageBreakBefore
Inherited from StandardLonghandProperties . pageBreakInside
Inherited from StandardLonghandProperties . paintOrder
Overrides SvgProperties . paintOrder
The
paint-order
CSS property lets you control the order in which the fill and stroke (and painting markers) of text content and shapes are drawn.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/paint-order
Inherited from StandardLonghandProperties . perspective
The
perspective
CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective. Each 3D element with z>0 becomes larger; each 3D-element with z<0 becomes smaller. The strength of the effect is determined by the value of this property.
Initial value
:
none
Optional
perspective
Inherited from StandardLonghandProperties . perspectiveOrigin
The
perspective-origin
CSS property determines the position at which the viewer is looking. It is used as the
vanishing point
by the
perspective
property.
Initial value
:
50% 50%
Inherited from StandardLonghandProperties . placeContent
The
**place-content**
CSS property is a shorthand for
align-content
and
justify-content
. It can be used in any layout method which utilizes both of these alignment values.
Initial value
:
normal
Supported in Flex Layout
Chrome Firefox SafariSupported in Grid Layout
Chrome Firefox Safari
The CSS
place-items
shorthand property sets the
align-items
and
justify-items
properties, respectively. If the second value is not set, the first value is also used for it.
Supported in Flex Layout
Chrome Firefox SafariSupported in Grid Layout
Chrome Firefox Safari
The
place-self
CSS property is a shorthand property sets both the
align-self
and
justify-self
properties. The first value is the
align-self
property value, the second the
justify-self
one. If the second value is not present, the first value is also used for it.
Supported in Flex Layout
Chrome Firefox SafariSupported in Grid Layout
Chrome Firefox SafariInherited from StandardLonghandProperties . pointerEvents
Overrides SvgProperties . pointerEvents
The
pointer-events
CSS property sets under what circumstances (if any) a particular graphic element can become the target of mouse events.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/pointer-events
The
position
CSS property sets how an element is positioned in a document. The
top
,
right
,
bottom
, and
left
properties determine the final location of positioned elements.
Initial value
:
static
https://developer.mozilla.org/docs/Web/CSS/position
The
resize
CSS property sets whether an element is resizable, and if so, in which directions.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/resize
The
right
CSS property participates in specifying the horizontal position of a
positioned element
. It has no effect on non-positioned elements.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/right
The
rotate
CSS property allows you to specify rotation transforms individually and independantly 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.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/rotate
Inherited from StandardLonghandProperties . rowGap
The
row-gap
CSS property sets the size of the gap (gutter) between an element's grid rows.
Initial value
:
normal
Supported in Flex Layout
Chrome Firefox SafariSupported in Grid Layout
Chrome Firefox Safari 10.1 (grid-row-gap) 57 (grid-row-gap) 52 (grid-row-gap)
The
**ruby-align**
CSS property defines the distribution of the different ruby elements over the base.
Initial value
:
space-around
https://developer.mozilla.org/docs/Web/CSS/ruby-align
Inherited from StandardLonghandProperties . rubyPosition
The
**ruby-position**
CSS property defines the position of a ruby element relatives to its base element. It can be position over the element (
over
), under it (
under
), or between the characters, on their right side (
inter-character
).
Initial value
:
over
https://developer.mozilla.org/docs/Web/CSS/ruby-position
The
scale
CSS property allows you to specify scale transforms individually and independantly 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.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/scale
Inherited from StandardLonghandProperties . scrollBehavior
The
scroll-behavior
CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/scroll-behavior
Inherited from StandardLonghandProperties . scrollMargin
The
scroll-margin
property is a shorthand property which sets all of the
scroll-margin
longhands, assigning values much like the
margin
property does for the
margin-*
longhands.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/scroll-margin
Optional
scroll
Inherited from StandardLonghandProperties . scrollMarginBlock
The
scroll-margin-block
property is a shorthand property which sets the scroll-margin longhands in the block dimension.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block
Optional
scroll
Inherited from StandardLonghandProperties . scrollMarginBlockEnd
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.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end
Optional
scroll
Inherited from StandardLonghandProperties . scrollMarginBlockStart
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.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start
Optional
scroll
Inherited from StandardLonghandProperties . scrollMarginBottom
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.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-bottom
Optional
scroll
Inherited from StandardLonghandProperties . scrollMarginInline
The
scroll-margin-inline
property is a shorthand property which sets the scroll-margin longhands in the inline dimension.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline
Optional
scroll
Inherited from StandardLonghandProperties . scrollMarginInlineEnd
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.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end
Optional
scroll
Inherited from StandardLonghandProperties . scrollMarginInlineStart
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.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start
Optional
scroll
Inherited from StandardLonghandProperties . scrollMarginLeft
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.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-left
Optional
scroll
Inherited from StandardLonghandProperties . scrollMarginRight
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.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-right
Inherited from StandardLonghandProperties . scrollMarginTop
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.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/scroll-margin-top
Inherited from StandardLonghandProperties . scrollPadding
The scroll-padding property is a shorthand property which sets all of the scroll-padding longhands, assigning values much like the padding property does for the padding-* longhands.
The scroll-padding properties define offsets for 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 simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/scroll-padding
Optional
scroll
Inherited from StandardLonghandProperties . scrollPaddingBlock
The
scroll-padding-block
property is a shorthand property which sets the scroll-padding longhands for the block dimension.
The scroll-padding properties define offsets for 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 simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block
Optional
scroll
Inherited from StandardLonghandProperties . scrollPaddingBlockEnd
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 simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-end
Optional
scroll
Inherited from StandardLonghandProperties . scrollPaddingBlockStart
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 simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-start
Optional
scroll
Inherited from StandardLonghandProperties . scrollPaddingBottom
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 simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-bottom
Optional
scroll
Inherited from StandardLonghandProperties . scrollPaddingInline
The
scroll-padding-inline
property is a shorthand property which sets the scroll-padding longhands for the inline dimension.
The scroll-padding properties define offsets for 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 simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline
Optional
scroll
Inherited from StandardLonghandProperties . scrollPaddingInlineEnd
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 simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-end
Optional
scroll
Inherited from StandardLonghandProperties . scrollPaddingInlineStart
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 simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-start
Optional
scroll
Inherited from StandardLonghandProperties . scrollPaddingLeft
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 simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-left
Optional
scroll
Inherited from StandardLonghandProperties . scrollPaddingRight
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 simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-right
Optional
scroll
Inherited from StandardLonghandProperties . scrollPaddingTop
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 simply to put more breathing room between a targetted element and the edges of the scrollport.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/scroll-padding-top
Inherited from StandardLonghandProperties . scrollSnapAlign
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.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align
Optional
scroll
Inherited from ObsoleteProperties . scrollSnapCoordinate
The
scroll-snap-coordinate
CSS property defines the x and y coordinate positions within an element that will align with its nearest ancestor scroll container's
scroll-snap-destination
for each respective axis.
Initial value
:
none
Optional
scroll
Inherited from ObsoleteProperties . scrollSnapDestination
The
scroll-snap-destination
CSS property defines the position in x and y coordinates within the scroll container's visual viewport which element snap points align with.
Initial value
:
0px 0px
Inherited from ObsoleteProperties . scrollSnapPointsX
The
scroll-snap-points-x
CSS property defines the horizontal positioning of snap points within the content of the scroll container they are applied to.
Initial value
:
none
Inherited from ObsoleteProperties . scrollSnapPointsY
The
scroll-snap-points-y
CSS property defines the vertical positioning of snap points within the content of the scroll container they are applied to.
Initial value
:
none
Inherited from StandardLonghandProperties . scrollSnapStop
The
scroll-snap-stop
CSS property defines whether the scroll container is allowed to "pass over" possible snap positions.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/scroll-snap-stop
Inherited from StandardLonghandProperties . scrollSnapType
The
scroll-snap-type
CSS property sets how strictly snap points are enforced on the scroll container in case there is one.
Initial value
:
none
Inherited from ObsoleteProperties . scrollSnapTypeX
The
scroll-snap-type-x
CSS property defines how strictly snap points are enforced on the horizontal axis of the scroll container in case there is one.
Initial value
:
none
Inherited from ObsoleteProperties . scrollSnapTypeY
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.
Initial value
:
none
Inherited from StandardLonghandProperties . scrollbarColor
Inherited from StandardLonghandProperties . scrollbarWidth
The
scrollbar-width
property allows the author to set the maximum thickness of an element’s scrollbars when they are shown.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/scrollbar-width
Inherited from StandardLonghandProperties . shapeImageThreshold
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
.
Initial value
:
0.0
https://developer.mozilla.org/docs/Web/CSS/shape-image-threshold
Inherited from StandardLonghandProperties . shapeMargin
The
shape-margin
CSS property sets a margin for a CSS shape created using
shape-outside
.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/shape-margin
Inherited from StandardLonghandProperties . shapeOutside
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.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/shape-outside
Inherited from SvgProperties . strokeDasharray
Inherited from SvgProperties . strokeDashoffset
Inherited from SvgProperties . strokeWidth
Inherited from StandardLonghandProperties . tabSize
Inherited from StandardLonghandProperties . tableLayout
The
table-layout
CSS property sets the algorithm used to lay out
<table>
cells, rows, and columns.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/table-layout
The
text-align
CSS property sets the horizontal alignment of an inline or table-cell box. This means it works like
vertical-align
but in the horizontal direction.
Initial value
:
start
, or a nameless value that acts as
left
if
direction
is
ltr
,
right
if
direction
is
rtl
if
start
is not supported by the browser.
https://developer.mozilla.org/docs/Web/CSS/text-align
Inherited from StandardLonghandProperties . textAlignLast
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.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/text-align-last
Inherited from ObsoleteProperties . textCombineHorizontal
The
text-combine-upright
CSS property sets the combination of characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes.
Initial value
:
none
Inherited from StandardLonghandProperties . textCombineUpright
The
text-combine-upright
CSS property sets the combination of characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes.
Initial value
:
none
Inherited from StandardShorthandProperties . textDecoration
Overrides SvgProperties . textDecoration
Inherited from StandardLonghandProperties . textDecorationColor
The
text-decoration-color
CSS property sets the color of decorations added to text by
text-decoration-line
.
Initial value
:
currentcolor
Inherited from StandardLonghandProperties . textDecorationLine
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.
Initial value
:
none
Inherited from StandardLonghandProperties . textDecorationSkip
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.
Initial value
:
objects
Optional
text
Inherited from StandardLonghandProperties . textDecorationSkipInk
The
text-decoration-skip-ink
CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip-ink
Inherited from StandardLonghandProperties . textDecorationStyle
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
.
Initial value
:
solid
Optional
text
Inherited from StandardLonghandProperties . textDecorationThickness
The
text-decoration-thickness
CSS property sets the thickness, or width, of the decoration line that is used on text in an element, such as a line-through, underline, or overline.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/text-decoration-thickness
Optional
text
Inherited from StandardLonghandProperties . textDecorationWidth
The
text-decoration-thickness
CSS property sets the thickness, or width, of the decoration line that is used on text in an element, such as a line-through, underline, or overline.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/text-decoration-thickness
Inherited from StandardShorthandProperties . textEmphasis
Inherited from StandardLonghandProperties . textEmphasisColor
The
text-emphasis-color
CSS property sets the color of emphasis marks. This value can also be set using the
text-emphasis
shorthand.
Initial value
:
currentcolor
https://developer.mozilla.org/docs/Web/CSS/text-emphasis-color
Inherited from StandardLonghandProperties . textEmphasisPosition
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.
Initial value
:
over right
https://developer.mozilla.org/docs/Web/CSS/text-emphasis-position
Inherited from StandardLonghandProperties . textEmphasisStyle
The
text-emphasis-style
CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the
text-emphasis
shorthand.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/text-emphasis-style
Inherited from StandardLonghandProperties . textIndent
The
text-indent
CSS property sets the length of empty space (indentation) that is put before lines of text in a block.
Initial value
:
0
https://developer.mozilla.org/docs/Web/CSS/text-indent
Inherited from StandardLonghandProperties . textJustify
The
text-justify
CSS property sets what type of justification should be applied to text when
text-align``: justify;
is set on an element.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/text-justify
Inherited from StandardLonghandProperties . textOrientation
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.
Initial value
:
mixed
Inherited from StandardLonghandProperties . textOverflow
The
text-overflow
CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis ('
…
'), or display a custom string.
Initial value
:
clip
https://developer.mozilla.org/docs/Web/CSS/text-overflow
Inherited from StandardLonghandProperties . textRendering
Overrides SvgProperties . textRendering
The
text-rendering
CSS property provides information to the rendering engine about what to optimize for when rendering text.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/text-rendering
The
text-shadow
CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and any of its
decorations
. Each shadow is described by some combination of X and Y offsets from the element, blur radius, and color.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/text-shadow
Inherited from StandardLonghandProperties . textSizeAdjust
The
text-size-adjust
CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property.
Initial value
:
auto
for smartphone browsers supporting inflation,
none
in other cases (and then not modifiable).
https://developer.mozilla.org/docs/Web/CSS/text-size-adjust
Inherited from StandardLonghandProperties . textTransform
The
text-transform
CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. It also can help improve legibility for ruby
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/text-transform
Optional
text
Inherited from StandardLonghandProperties . textUnderlineOffset
The
text-underline-offset
CSS property sets the offset distance of an underline text decoration line (applied using
text-decoration
) from its original position.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/text-underline-offset
Inherited from StandardLonghandProperties . textUnderlinePosition
The
text-underline-position
CSS property specifies the position of the underline which is set using the
text-decoration
property's
underline
value.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/text-underline-position
The
top
CSS property participates in specifying the vertical position of a
positioned element
. It has no effect on non-positioned elements.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/top
Inherited from StandardLonghandProperties . touchAction
The
touch-action
CSS property sets how a region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).
Initial value
:
auto
The
transform
CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/transform
Inherited from StandardLonghandProperties . transformBox
The
transform-box
CSS property defines the layout box to which the
transform
and
transform-origin
properties relate.
Initial value
:
border-box
https://developer.mozilla.org/docs/Web/CSS/transform-box
Inherited from StandardLonghandProperties . transformOrigin
Inherited from StandardLonghandProperties . transformStyle
The
transform-style
CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element.
Initial value
:
flat
Inherited from StandardLonghandProperties . transitionDelay
The
transition-delay
CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
Initial value
:
0s
Inherited from StandardLonghandProperties . transitionDuration
The
transition-duration
CSS property sets the length of time a transition animation should take to complete. By default, the value is
0s
, meaning that no animation will occur.
Initial value
:
0s
Inherited from StandardLonghandProperties . transitionProperty
The
transition-property
CSS property sets the CSS properties to which a transition effect should be applied.
Initial value : all
Chrome Firefox Safari 1 -x- 4 -x- 3.1 -x-
Optional
transition
Inherited from StandardLonghandProperties . transitionTimingFunction
The
transition-timing-function
CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.
Initial value
:
ease
Inherited from StandardLonghandProperties . translate
The
translate
CSS property allows you to specify translation transforms individually and independantly 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.
Initial value
:
none
https://developer.mozilla.org/docs/Web/CSS/translate
Inherited from StandardLonghandProperties . unicodeBidi
Overrides SvgProperties . unicodeBidi
The
unicode-bidi
CSS property, together with the
direction
property, determines how bidirectional text in a document is handled. For example, if a block of content contains both left-to-right and right-to-left text, the user-agent uses a complex Unicode algorithm to decide how to display the text. The
unicode-bidi
property overrides this algorithm and allows the developer to control the text embedding.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/unicode-bidi
The
**user-select**
CSS property controls whether the user can select text. This doesn't have any effect on content loaded as chrome, except in textboxes.
Initial value
:
auto
Inherited from StandardLonghandProperties . verticalAlign
Inherited from StandardLonghandProperties . visibility
Overrides SvgProperties . visibility
The
visibility
CSS property shows or hides an element without changing the layout of a document. The property can also hide rows or columns in a
<table>
.
Initial value
:
visible
https://developer.mozilla.org/docs/Web/CSS/visibility
Inherited from StandardLonghandProperties . whiteSpace
Overrides SvgProperties . whiteSpace
The
widows
CSS property sets the minimum number of lines in a block container that must be shown at the
top
of a page, region, or column.
Initial value
:
2
https://developer.mozilla.org/docs/Web/CSS/widows
The
width
CSS property sets an element's width. By default it sets the width of the content area, but if
box-sizing
is set to
border-box
, it sets the width of the border area.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/width
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.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/will-change
The
word-break
CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/word-break
Inherited from StandardLonghandProperties . wordSpacing
Overrides SvgProperties . wordSpacing
The
**overflow-wrap**
CSS property sets whether the browser should insert line breaks within words to prevent text from overflowing its content box.
Initial value
:
normal
https://developer.mozilla.org/docs/Web/CSS/overflow-wrap
Inherited from StandardLonghandProperties . writingMode
Overrides SvgProperties . writingMode
The
writing-mode
CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress.
Initial value
:
horizontal-tb
The
z-index
CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one.
Initial value
:
auto
https://developer.mozilla.org/docs/Web/CSS/z-index
The non-standard
zoom
CSS property can be used to control the magnification level of an element.
transform: scale()
should be used instead of this property, if possible. However, unlike CSS Transforms,
zoom
affects the layout size of the element.
Initial value
:
normal
推荐文章
|
有爱心的书签 · 天冷了來杯熱可可暖暖在心頭 1 年前 |