CSS properties list.
List of CSS properties.
The list below includes standardized, currently being standardized or obsolete CSS properties. If you want information about an browser-specific property, try searching.
Aural style sheets
azimuth
Horizontal origin of sound.
elevation
Vertical origin of sound.
pitch
pitch-range
play-during
richness
speak-header
speak-numeral
speak-punctuation
speech-rate
stress
volume
Sets the volume.
Cascading Style Sheets Level 2 - Revision 1 Specification
marker-offset
Defines the indentation of bullets or numbers in a list.
Cascading Style Sheets specification - Version 3
Compositing and Blending
background-blend-mode
Defines the mixing of colors between background image(s) and background color.
isolation
Allows or does not allow interactions between layers.
mix-blend-mode
Sets how the content blends with what's visible in the background of the clip.
CSS Anchor Positioning
anchor-name
Define an identifier for the element that can then become a tooltip.
anchor-scope
Defines the scope of the property
anchor-name.position-anchor
Defined in relation to which anchor the element should be positioned.
position-area
Defines how an element is positioned relative to the anchor.
position-try
Shorthand property that summarizes the values for
position-try-fallbacks and position-try-order.position-try-fallbacks
position-try-order
position-visibility
Defines whether the positioned element is visible or not, in the context of anchoring positioning.
CSS Animations
animation
Short hand property that defines most animation parameters, such as duration, speed up, number of repetitions, direction, and so on.
animation-composition
Defines how multiple animations applied to the same property interact.
animation-delay
The amount of time to wait before the animation starts.
animation-direction
Animation direction (normal or reverse).
animation-duration
Sets the total duration of an animation cycle.
animation-fill-mode
Sets the override when the animation is not running.
animation-iteration-count
Sets the number of times an animation should be played.
animation-name
Defines the animation to apply to the element.
animation-play-state
Animation status (in progress or paused).
animation-timeline
Associates animation with something other than time, such as scrolling through an element.
animation-timing-function
Defines the easing function to be used during an animation.
CSS Backgrounds and Borders Module
background
Summary of background properties.
background-attachment
Background image scrolling mode.
background-clip
Defines the extent of the background, especially in relation to the border and padding.
background-color
Sets the background color.
background-image
Defines the background image or gradient (multiple images or gradients can coexist).
background-origin
Defines a reference to position the background image.
background-position
Defines how the background image is positioned.
background-position-x
Définit comment se positionne l'image d'arrière-plan dans le sens horizontal.
background-position-y
Defines how the background image is positioned in the vertical direction,
background-repeat
Defines how the background image is repeated.
background-size
Sizing the background image.
border
A shorthand property that defines the set of border parameters.
border-bottom-left-radius
Sets the radius of the rounded corner at the bottom left.
border-bottom-right-radius
Sets the radius of the rounded corner in the lower right.
border-color
Sets the color of the borders.
border-image
Shorthand of border properties made with images.
border-image-outset
Sets the overflow of the border image.
border-image-repeat
Defines how the border image is repeated or expanded to cover the desired area.
border-image-slice
Defines how the border image is clipped.
border-image-source
Defines the image used to construct the border.
border-image-width
Sets the thickness of the border when the border is made with an image.
border-radius
Radius of rounded corners.
border-style
Type of border (solid, double, dotted...).
border-top-left-radius
Sets the radius of the rounded corner at the top left.
border-top-right-radius
Sets the radius of the rounded corner in the upper-right.
border-width
Sets the thickness of the element's border.
box-shadow
Applies a shading effect to the frames by indicating all the parameters: color, shadow shift, blur, etc.
CSS Basic User Interface Module
accent-color
Defines the colour of active or checked items.
appearance
Sets all the properties needed for an item to be displayed as a button, menu, and so on.
caret
Sets the color and shape of the text marker.
caret-color
Chooses the color of the text marker (flashing cursor).
caret-shape
Sets the shape of the text cursor.
cursor
Sets the shape of the mouse cursor.
ime-mode
Defines the accessibility of an input box.
outline
Summary of contour characteristics.
outline-color
Sets the color of the outline.
outline-offset
Sets the spacing between the outline and the element.
outline-style
Defines the type of stroke of the contours (single, double, dashed...).
outline-width
Sets the weight of the strokes for the outline.
resize
Allows or prevents the element from being sized. by the user.
user-select
Defines whether the content of an element is user-selectable or not.
CSS Box Alignment Module
align-content
Manages the arrangement of elements in a flex-box or a grid, following the secondary axis.
align-items
Vertical alignment of elements in a flex-box or grid.
align-self
Vertical alignment of one of the elements in a flex-box or grid.
column-gap
Sets the spacing between columns.
gap
Sets spacing between rows and between columns in the context of a grid, flex-box, or multi-column layout)
grid-column-gap
Specifies the spacing between columns in a grid.
grid-gap
Adjusts the spacing of rows and columns in the context of a grid.
grid-row-gap
Specifies the spacing between lines in a grid.
justify-content
Defines the positioning along the main axis in a flex-box or grid.
justify-items
Manages the horizontal alignment of elements in a grid container.
justify-self
Defines the horizontal positioning of a particular element in a flex-box or grid.
place-content
Arrange elements in a flex-box or grid.
place-items
Defines the placement of elements in their cells (in the context of a grid).
place-self
Defines the alignment of an element in both the inline and block directions.
row-gap
Defines the space between the lines of a grid.
CSS Box Model Module
margin
Shorthand of the four margins.
margin-block-end
Defines the end of the block margin, given the writing mode of the text for this element.
margin-block-start
Defines the start of the block margin, given the writing mode of the text for this element.
margin-bottom
Bottom margin.
margin-inline-end
Defines the margin after the end of line, given the writing mode.
margin-inline-start
Defines the margin before the start of the lines of text, given the writing mode.
margin-left
Marge de gauche.
margin-right
Right margin.
margin-top
Top margin.
margin-trim
Defines the management of successive margins within the same container.
padding
Interior margins on the four sides.
padding-block-end
Defines the inner margin at the end of the block, given the writing mode.
padding-block-start
Defines the inner margin at the start of the block, given the writing mode.
padding-bottom
Inner margin at the bottom.
padding-inline-end
Defines the inner margin on the side of the end of the lines of text, given the writing mode.
padding-inline-start
Sets the padding on the side of the beginning of lines of text, given the writing mode.
padding-left
Interior margin on the left.
padding-right
Inner margin on the right.
padding-top
Inner margin at the top.
CSS Box Sizing Module
aspect-ratio
Sets the ratio of the width to the height of the element.
block-size
Defines the dimension of an element following the direction of the blocks.
box-sizing
Defines how block dimensions are calculated: whether or not to include borders and padding.
contain-intrinsic-block-size
Sets the dimension of the element in the direction of the blocks, when the element is confined.
contain-intrinsic-height
Sets the intrinsic height of the element when it is confined.
contain-intrinsic-inline-size
Sets the dimension of the element in the direction of the lines, when the element is confined.
contain-intrinsic-size
Sets the dimensions of the element (blocks and rows) when the element is confined.
contain-intrinsic-width
Sets the intrinsic width of the element when it is confined.
height
Sets the height of the element.
inline-size
Sets the dimension of the element in the direction of the lines.
max-height
Sets a limit for the maximum height of the element.
max-width
Sets the maximum width of the element.
min-height
Sets the minimum height of the element.
min-width
Sets the minimum width of the element.
width
Sets the width of the element.
CSS Cascading and Inheritance
all
Initialize all properties.
CSS Color Adjustment Module
color-adjust
Whether or not allows the browser to optimize colors.
color-scheme
Defines whether an element should be displayed in dark mode or light mode. These two modes are generally supported by all operating systems.
forced-color-adjust
Defines how colors are adjusted.
print-color-adjust
Specifies whether the browser should optimize colors when printing the document.
CSS Color Module
color
Defines the color of the foreground (mainly text).
opacity
Sets the opacity (inverse of transparency) of an element and its descendants.
CSS Containment Module
contain
Optimization property, to facilitate and speed up the layout work.
container
Defines the characteristics of a container that can be used in a container query (confined element context).
container-name
Assigns an identifier to an element to make it a container usable in a container query (contained element context).
container-type
Defines the type of a container that can be used in a container query (contained element context).
content-visibility
Defines whether the element's content (including sub-elements) should be rendered or not.
CSS Display Module
display
Defines what the element is and how it is displayed.
visibility
Defines whether an element should be shown or hidden.
CSS Fill and Stroke Module
fill
Defines all the parameters for filling a shape (color, etc.).
fill-color
Sets the fill color in SVG.
fill-opacity
Defines the opacity (transparency) of filling a shape in SVG.
fill-rule
Defines how to fill a shape with a hole, or whose contour intersects itself.
paint-order
Defines the drawing order of the different parts of a shape (stroke, fill, markers).
stroke
Sets the border settings for a shape in SVG.
stroke-color
Sets the color of the strokes in SVG.
stroke-dash-corner
Defines how to handle dotted lines in the corners of the stroke (SVG).
stroke-dash-justify
Sets the fit of the dashed lines so that an entire number of segments are included in the plot (SVG).
stroke-dasharray
Defines the characteristics of a dashed line (in SVG).
stroke-dashoffset
Sets the starting point of dashed lines on an SVG outline.
stroke-linecap
Defines the shape of the line spikes (in SVG).
stroke-linejoin
Defines the shape of SVG segment connections.
stroke-opacity
Sets the opacity (transparency) of the stroke in SVG.
stroke-width
Sets the thickness of SVG paths.
CSS Flexible Box Layout Module
flex
Shorthand property to define the main characteristics of a flex-box and internal elements.
flex-basis
Determines the default dimension of an element contained in a flex-box.
flex-direction
Chooses the main and secondary axis of a flex box.
flex-flow
Linking child elements in a flex-box.
flex-grow
Allows or does not allow the enlargement of an element contained in a flex-box.
flex-shrink
Allows or does not allow compression of an element contained in a flex-box.
flex-wrap
Management of line breaks in a flex-box container.
order
Define order of elements in a flex-box.
CSS Fonts Module
font
Shorthand to set most properties for fonts.
font-effect
Allows you to apply some effects to the text: relief, border...
font-family
Selects a font from those that are available or downloaded.
font-feature-settings
Permet d’exploiter les fonctionnalités spécifiques des polices de caractères OTF, WOFF, etc.
font-kerning
Adjusting the kerning between characters.
font-language-override
Defines the language to be considered when choosing characters.
font-optical-sizing
Optimizes the shape of characters based on their size.
font-palette
Defines the color palette that can be used for colored fonts.
font-size
Adjusts the font size, which also impacts units like
em, ex, etc.font-size-adjust
Definition of the aspect factor of the font.
font-smooth
Defines whether and which smoothing algorithm should be used.
font-stretch
Changes the stretching or compression of characters.
font-style
Selects the italic or oblique font styles.
font-synthesis
Allows or disallows calculation of missing styles in the typeface.
font-synthesis-position
Whether or not allows the browser to synthesize characters in superscript or subscript.
font-synthesis-small-caps
Whether or not allows the browser to calculate the glyphs of characters in small caps.
font-synthesis-style
Defines whether the browser is allowed to synthesize italic forms of characters.
font-synthesis-weight
Defines whether or not the browser can calculate the bold glyph.
font-variant
Shorthand to define advanced typographic attributes: ligatures, character substitution, etc.
font-variant-alternates
Defines character substitution (OTF, WOFF fonts).
font-variant-caps
Applies character capitalization.
font-variant-east-asian
Typography specific to Chinese or Japanese characters.
font-variant-emoji
Choose between an emoji or text presentation.
font-variant-ligatures
Enables or disables character ligation.
font-variant-numeric
Defines how evolved numbers are displayed: fractions, numbers, etc.
font-variant-position
Superscript or subscript of characters.
font-variation-settings
Provides access to the stylistic possibilities of OTF fonts.
font-weight
Selects a weight for the characters.
font-width
Synonymous with font-stretch (character width/enlargement).
CSS Fragmentation Module
box-decoration-break
Management of the presentation of fragmented elements on several lines.
break-after
Prohibits or imposes breaks (page, column, etc.) after the element.
break-before
Prohibits or imposes breaks (page, column, etc.) before the element.
break-inside
Defines whether column breaks, page breaks, etc. are allowed in the element.
orphans
Définit le nombre de lignes qui doivent rester en base de page ou de colonne, dans chaque paragraphe.
widows
Defines the number of rows that should remain at the top of pages or columns.
CSS Gap Decorations Module.
column-rule-break
Defines how the column separator lines behave at intersections with the row separator lines.
column-rule-outset
Determine if the lines separating the columns stop at the intersections.
row-rule
Shot hand property that replaces the following three detailed properties:
row-rule-width, row-rule-style, and row-rule-color.row-rule-break
Defines how the line separator traits behave at the intersections with the column separator traits.
row-rule-color
Defines the color of the line separation traits in the context of a grid container or a flex-box container.
row-rule-outset
Determine if the lines separating the rows stop at the intersections.
row-rule-style
Defines the line style to be used for separating lines, in the context of a grid container or a flex-box container.
row-rule-width
Defines the thickness of the line separation traits in a grid container or flex-box container context.
rule-break
Short hand property that defines how the separation traits of rows and columns behave at their intersection.
rule-outset
Short hand property that replaces the properties
column-rule-outset and row-rule-outset.rule-paint-order
Define which of the lines separating the rows or the lines separating the columns go above the others.
CSS Generated Content Module
CSS Grid Layout Module
grid
Shorthand property defining the main parameters of a grid.
grid-area
Positions an element in a named area of the grid.
grid-auto-columns
Sets the default width of columns in a grid.
grid-auto-flow
Sets the automatic calculation mode for positioning elements in the grid.
grid-auto-rows
Sets the default height of lines in a grid.
grid-column
Column(s) number(s) where this element should be positioned in the grid.
grid-column-end
Number of the column on which an element must end (in a grid).
grid-column-start
Number of the column on which an element should begin in a grid.
grid-row
Row(s) number(s) where this element should be positioned in the grid.
grid-row-end
Number of the line on which an element must end (in a grid).
grid-row-start
Number of the line on which an element should begin in a grid.
grid-template
Shorthand property for defining the column widths, row heights, and ranges of a grid.
grid-template-areas
Defines named areas in a grid.
grid-template-columns
Defines the number and width of columns in a grid.
grid-template-rows
Defines the number and height of lines in a grid.
CSS Images Module
image-orientation
Sets the orientation of an image (should it be rotate of 90°?).
image-rendering
Sets the Image Scaling Mode.
object-fit
Defines how multimedia content (image, video) should adapt to the dimensions of its container.
object-position
Defines the position of an image or video relative to its container.
CSS Inline Layout Module
alignment-baseline
baseline-shift
baseline-source
Defines whether the vertical alignment of an element must be done relative to its first or last line of text.
dominant-baseline
initial-letter
initial-letter-align
Specify the point to use for aligning the drop cap.
initial-letter-wrap
line-height
Sets the height of lines of text.
text-box-edge
Sets the metric for CJK texts.
text-box-trim
Specifies how reducing the dimensions of a text box should be done to conform to
text-box-edge (CJK languages).vertical-align
CSS Lists and Counters Module
counter-increment
Sets the increment step for a counter.
counter-reset
Initializes a counter.
counter-set
Changes the value of one or more counters.
list-style
Summary of the characteristics of bulleted or numbered lists.
list-style-image
Defines a custom image to be used in place of bullets, in the context of a list enumeration.
list-style-position
Defines the location of list markers (bullets or numbers).
list-style-type
Defines the type of bullets or numbering.
marker-side
Defines the side where the list marker is positioned (depending on the language).
CSS Logical Properties and Values
border-block-color
Sets the color of the border strokes, for the start and end sides of the frame in the direction of blocks.
border-block-end
Sets all the parameters of the border for the end side of the block.
border-block-end-color
Sets the color of the border strokes for the end side of the block.
border-block-end-style
Sets the style of the border strokes for the end side of the blocks.
border-block-end-width
Sets the border thickness on the end side of the blocks.
border-block-start
Sets all the parameters of the border on the start side of the block.
border-block-start-color
Sets the color of the border strokes for the start side of the block.
border-block-start-style
Sets the border style on the end side of the blocks.
border-block-start-width
Sets the border thickness on the end side of the blocks.
border-block-style
Sets the style of border strokes for the start and end sides of blocks.
border-block-width
Sets the border thickness on the start and the end side of the blocks.
border-end-end-radius
Sets the radius of the corner rounding at the end of line and end of block.
border-end-start-radius
Sets the radius of the corner rounding at the end of line and beginning of the block.
border-inline-color
Sets the color of the border strokes, for the beginning and end sides of the lines.
border-inline-end
Sets all the parameters of the border strokes, for the end side of the lines.
border-inline-end-color
Sets the color of the border strokes, for the end side of the lines.
border-inline-end-style
Sets the style of the border strokes, for the end side of the lines.
border-inline-end-width
Sets the thickness of the border strokes, for the end side of the lines.
border-inline-start
Sets all the parameters of the border strokes, for the beginning side of the lines.
border-inline-start-color
Sets the color of the border strokes, for the beginning side of the lines.
border-inline-start-style
Sets the style of the border strokes, for the beginning side of the lines.
border-inline-start-width
Sets the thickness of the border strokes, for the beginning side of the lines.
border-inline-style
Sets the style of the border strokes, for the beginning and end sides of the lines.
border-inline-width
Sets the thickness of the border strokes, for the beginning and end sides of the lines.
border-start-end-radius
Sets the radius of the corner rounding at the beginning of the line and the end of the block.
inset-block
Defines the location of a positioned element, in the
block direction.inset-inline
Defines the location of an element positioned in the
inline direction.margin-block
Defines the dimension of the margins in the direction of the blocks given the writing mode.
margin-inline
Defines the dimension of the margins at the beginning and at the end of the lines, given the writing mode.
max-block-size
Sets a maximum limit for the size of an element, in the direction of the blocks.
max-inline-size
Sets a maximum limit for the size of an element, in line direction.
min-block-size
Sets a minimum limit for the size of an element, in the direction of the blocks.
min-inline-size
Sets a minimum limit for the size of an element, in line direction.
padding-block
Defines the interior margins in the direction of the blocks.
padding-inline
Defines the interior margins in the direction of the lines.
CSS Masking Module
clip
Cuts an element from a rectangle.
clip-path
Defines the visible part of the element, delimited by a geometric shape (rectangle, polygon, etc.).
clip-rule
Defines how to handle hollow shapes in the context of a clipping.
mask
A shorthand property that defines the masking parameters: mask dimensions, position, repeat, origin, etc.
mask-border
Sets all the parameters of a mask for the border of an element.
mask-border-mode
Defines which parameter the mask should act on (luminance, alpha).
mask-border-outset
Defines how offset the border mask is from the clip.
mask-border-repeat
Sets the pattern in which the mask repeats.
mask-border-slice
Defines how the image used as a mask should be partitioned.
mask-border-source
Refers to the image that will be used as a mask (border mask)
mask-border-width
Sets the border thickness for applying a mask.
mask-clip
Defines the area to be masked.
mask-composite
Defines how masks will be combined when multiple are applied to an element.
mask-image
Specifies the image or SVG file that will be used as a mask.
mask-mode
Sets the masking mode (alpha channel, luminance...)
mask-origin
Sets the reference for the positioning of the mask.
mask-position
Defines the position of the mask.
mask-repeat
Sets how the mask repeats when the mask is smaller than the element to be masked.
mask-size
Fixe les dimensions du masque.
CSS Mobile Text Size Adjustment Module Level 1
text-size-adjust
Defines how mobile devices improve lisibility.
CSS Multi-column Layout Module
column-count
Sets the number of columns, in a multi-column layout.
column-fill
Manages the distribution of content across columns.
column-rule
Shorthand property that defines all parameters of the separator trait between columns.
column-rule-color
Sets the color of column separator line.
column-rule-style
Chooses the stroke type for column separation.
column-rule-width
Sets the thickness of the divider between columns.
column-span
Manages overlapping content across multiple columns.
column-width
Sets the width of the columns.
columns
Defines the characteristics of a multi-column layout.
CSS Overflow Module
block-ellipsis
Manages the display of a suite marker at the end of an element when the content overflows the item.
overflow
Overflow management, when the content is too large for the dimensions imposed on the element.
overflow-block
Management of excesses in the secondary direction.
overflow-clip-margin
Sets the overflow margin, when the content is larger than the element.
overflow-inline
Management of overflows in the main direction.
overflow-x
Horizontal overflow management.
overflow-y
Vertical overflow management.
scroll-behavior
Chooses between a rough or gradual scrolling of the page.
scrollbar-gutter
Whether or not to reserve the gutter for a scroll bar.
text-overflow
Sets the text overflow indicator.
CSS Overscroll Behavior Module
overscroll-behavior
Defines what should happen when a scrolling container reaches its boundaries. Namely, should scrolling be passed to the parent.
CSS Page Floats
clear
Allows or prohibits the float of the elements.
float
Float defines the elements that can be placed side by side horizontally, or more generally along the length of a line.
float-defer
float-offset
Décale l'élément flottant d'une certaine quantité.
float-reference
Defines what the floating elements should be positioned against (the column, the page...).
CSS Paged Media Module
bleed
Sets the presence of an additional margin for printed pages.
marks
Chooses crop marks and alignment marks.
page-break-after
Handling page breaks after the element.
page-break-before
Handling page breaks before the element.
page-break-inside
Handling page breaks in the middle of the element.
size
Dimensions and orientation of printed pages.
CSS Positioned Layout Module
bottom
Defines the space between the bottom of the element (if positioned) and the bottom of its parent.
inset
Sets the position of the element when it is positioned other than static.
inset-block-end
For a positioned element, sets the location of the end side of the block.
inset-block-start
For a positioned element, sets the location of the edge on the start side of the block.
inset-inline-end
On a positioned element, sets the location of the edge at the end of the line.
inset-inline-start
On a positioned element, sets the location of the edge at the starting of the line.
left
For a positioned element, defines the space between the left edge of the element and the left edge of the reference element.
position
Changes the positioning of an element, for example to make it fixed in relation to the page.
right
For a positioned element, defines the space between the right edge of the element and the right edge of the reference element.
top
For a positioned element, defines the space between the top of the element and the top of the reference element (positioned parent or viewport).
z-index
Defines on which layer an element should be displayed (top, bottom). Especially useful for positioned elements.
CSS Regions Module
flow-from
In the context of a region layout, defines which content flow should be used by the element.
flow-into
In the context of a region layout, defines which stream the element's content should be dumped into.
CSS Ruby Annotation Layout Module
ruby-align
Defines text alignment in ruby syntax.
ruby-merge
Describes how ruby annotations should be aligned when multiple annotations follow each other on the same line.
ruby-overhang
Handles annotation overflow in a ruby presentation.
ruby-position
Defines the position of the ruby annotation relative to the base.
CSS Scroll Snap Module
scroll-margin
Defines the scroll margins in the context
Scroll Snap.scroll-padding
Sets the interior margins of the scroll window.
scroll-snap-align
Defines the alignment of the elements used as snaps in relation to the display window (scroll Snap technique).
scroll-snap-stop
Allows you to force scrolling to stop on certain elements (Scroll-Snap).
scroll-snap-type
Defines the main characteristics of a scroll snap.
CSS Scrollbars Styling Module
scrollbar-color
Sets two colors that will be used for scrollbars.
scrollbar-width
Sets the style (and size) of the scrollbars.
CSS Shapes Module
shape-image-threshold
Sets the transparency threshold for the wrapping of an image.
shape-margin
Sets the margin for wrapping a floating element.
shape-outside
Sets the shape of the text outline for a floating element.
CSS Speech Module
cue
Determines the sound to play before and after a clip is played.
cue-after
Sound sequence to play after a clip is played.
cue-before
Sound sequence to be played before an element is played (sound reproduction).
pause
pause-after
pause-before
rest
rest-after
rest-before
speak
speak-as
voice-balance
voice-duration
voice-family
voice-pitch
voice-range
voice-rate
voice-stress
voice-volume
CSS Table Module
border-collapse
How table cells are framed.
border-spacing
The spacing between adjacent cells in a table, when they are not merged.
caption-side
Positions the title of a table.
empty-cells
Defines whether empty cells in a table should be displayed (borders, background color and image, and so on).
table-layout
Defines how the column widths of a table are calculated when not explicitly specified.
CSS Text Decoration Module
text-decoration
Summary property to define most of the text decoration parameters (color, type of line, etc.).
text-decoration-color
Defines the color of the decorative line (underlined, stripe...).
text-decoration-line
Defines the type of decoration: underlined, strikethrough, etc.
text-decoration-skip
Short hand property that defines what decoration strokes should skip (spaces, jamb, and so on).
text-decoration-skip-box
Defines how decorations inherited from parent elements should be applied.
text-decoration-skip-ink
Defines whether the decoration lines (essentially the underline) are interrupted at the jambs.
text-decoration-skip-inset
Defines how decorations for the element itself (and not those of the parent elements) should be applied.
text-decoration-skip-self
text-decoration-skip-spaces
text-decoration-style
text-decoration-thickness
text-emphasis
A short hand property that defines all the parameters of the emphasis of a text.
text-emphasis-color
Sets the color of the emphasis characters.
text-emphasis-position
Defines the position of the emphasis characters.
text-emphasis-skip
Defines whether highlights should be interrupted on spaces, punctuation marks, etc.
text-emphasis-style
Specifies the emphasis style.
text-shadow
This shorthand property defines all the parameters of the shadow applied to the text: color, offset, and so on.
text-underline-offset
text-underline-position
CSS Text Module
hanging-punctuation
Sets suspended punctuation (characters allowed to overflow into the margin).
hyphenate-character
Defines the character that will be used as a hyphenation mark.
hyphenate-limit-chars
Sets the minimum number of characters to allow hyphenation of a word.
hyphenate-limit-last
Defines whether hyphenation is allowed at the end of a column, page, and so on.
hyphenate-limit-lines
Sets the maximum number of successive lines ending in a hyphenation
hyphenate-limit-zone
Sets the maximum number of spaces to allow or disallow hyphenation.
hyphens
Defines whether words can be hyphenated at the end of a line. The hyphenation of the words gives a more pleasant layout but can be annoying in some cases.
letter-spacing
Sets the letter Spacing.
line-break
Defines line breaks for the CJK languages (Chinese, Japanese, Korean).
line-padding
Adds a space at the beginning and end of lines.
overflow-wrap
Word breaking for CJK languages and a few others.
tab-size
Définit la taille des caractères de tabulation.
text-align
Specifies how the element's text should be aligned.
text-align-all
Defines the alignment of the lines of a text (synonym for
text-align).text-align-last
Sets the alignment of the last line of paragraphs.
text-autospace
Defines the space between adjacent characters (usable for CJK languages).
text-group-align
text-indent
text-justify
text-space-collapse
Defines how to handle spaces and multiple spaces in text.
text-space-trim
Defines whether spaces at the beginning and end of the element's text should be kept or removed.
text-spacing
text-spacing-trim
Sets the spacing around CJK punctuation characters.
text-transform
text-wrap
Defines the handling of text wraps.
text-wrap-mode
Defines whether newlines are allowed in a container.
text-wrap-style
Defines how line breaks will be made.
white-space
white-space-collapse
Defines how successive spaces and newlines should be treated.
white-space-trim
word-boundary-detection
word-boundary-expansion
word-break
word-space-transform
word-spacing
word-wrap
Word breaking for CJK languages and a few others.
wrap-after
Allows or does not allow line breaks after the box.
wrap-before
Autorise ou non les sauts de lignes avant la boite.
wrap-inside
Allows or does not allow line breaks in the box.
CSS Transforms Module
backface-visibility
Visibility of the rear side of the element (while it is rotating).
perspective
A perspective effect applied to a 3D transformed element.
perspective-origin
Position of the observer in the case of a 3D distortion with perspective.
rotate
Defines a rotation to apply to the element.
scale
Sets a scaling of the element (magnification or shrinking).
transform
Applies one or more geometric transformations (rotations, enlargements, etc.).
transform-box
Sets the reference box for transformations.
transform-origin
Sets the origin point for transformations.
transform-style
Defines how elements that undergo a 3D transformation are rendered.
translate
Applies a translation to an element (a linear displacement).
CSS Transitions
transition
Group the different parameters of one or more transitions.
transition-behavior
Defines the behavior of transitions on properties whose animation type is
discrete.transition-delay
Sets the amount of time to wait before the transition begins, counted from the time the property is changed (or the page loads).
transition-duration
Defines the duration of a transition, i.e. the time it takes to complete its transition.
transition-property
Defines the property(s) on which a transition should be applied.
transition-timing-function
A property that defines the easing function to be used during a transition.
CSS View Transitions Module
view-transition-name
Associates a transition identifier with the targeted element.
CSS Viewport Module
zoom
Sets an enlarger or smaller element while preserving the layout (unlike scale).
CSS Will Change Module Level 1
will-change
Specifies properties that are likely to be modified or animated, so that the browser can optimize its processing.
CSS Writing Modes
direction
Sets the writing direction (left-to-right or right-to-left).
glyph-orientation-vertical
Defines the orientation of the characters in the case of vertical writing.
text-combine-upright
Defines the orientation of groups of characters, in the case of vertical writing.
text-orientation
Defines the orientation of the characters when writing in the vertical direction.
unicode-bidi
Management of Unicode's bidirectional writing capabilities.
writing-mode
Defines the direction of writing (horizontal or vertical).
Filter Effects Module
backdrop-filter
Applies a graphical filter to the clip behind the targeted clip.
color-interpolation
Defines the color space to use to calculate gradients, animations, and combinations with the alpha channel.
color-interpolation-filters
Defines in which color space the filter effects are calculated. Default is
linearRGB.filter
Applies a graphic filter (blur, contrast, brightness, etc.) to an element.
flood-color
Sets the color of fills and shading in the context of SVG filters.
flood-opacity
Sets the opacity of fills and shadings in the context of SVG filters.
lighting-color
Sets the color of the lighting in the context of an SVG filter.
Motion Path.
offset
A shorthand property that defines all parameters for moving along a path (Motion Path).
offset-anchor
Sets the anchor point for moving element, in the context of moving on a path (Motion Path).
offset-distance
Defines the location of a moving element on the path (Motion Path).
offset-path
Defines the path on which an element can be positioned (Motion Path).
offset-position
Defines the position of a motion path, in the context of a motion path.
offset-rotate
Sets the orientation of an element relative to the Motion Path.
Pointer Events
pointer-events
touch-action
Determines which gestures are processed by the browser on a touch screen (swiped finger, pinched zoom, etc.)
Scalable Vector Graphics (SVG)
cx
Sets the horizobntal position of the center of a circle or ellipse in SVG.
cy
Sets the vertical position of the center of a circle or ellipse in SVG.
x
Defines the horizontal position of a rectangle or an image, in SVG.
y
Defines the vertical position of a rectangle or an image, in SVG.
Scalable Vector Graphics (SVG)
r
Defines the radius of a circle in SVG.
rx
ry
shape-rendering
text-anchor
Defines whether SVG text anchors at the middle, start, or end.
text-rendering
Enables or disables the processing of advanced typography (ligatures, kerning, etc.)
vector-effect
Scroll-driven Animations
animation-range
Specifies the start and end point of the animation, in the case of scroll-driven animation.
animation-range-end
Specifies the end point of the animation, in the case of scroll-driven animation.
animation-range-start
Specifies the starting point of the animation, in the case of scroll-driven animation.
scroll-timeline
A short hand property that defines the parameters of a scroll-driven animation.
scroll-timeline-axis
Specifies which axis (vertical or horizontal) should synchronize the scroll-driven animation.
scroll-timeline-name
Sets an identifier for a scroll-driven animation.
timeline-scope
Sets the scope of a timeline for scroll-driven animation.
view-timeline
A short hand property that defines the parameters of a scroll-driven animation.
view-timeline-axis
Defines which axis (vertical or horizontal) is used for a scroll-driven animation.
view-timeline-inset
Specifies an adjustment of the scroll box in the context of a scroll-driven animation.
view-timeline-name
Sets an identifier for a scroll-driven animation.
SVG Markers
marker-end
Sets the last marker, the one that appears on the last point of a shape in SVG.
marker-mid
Defines which marker to display on the intermediate point (not the last or the first) of a shape in SVG.
marker-start
Defines the first marker, the one that will be displayed on the first point of a shape in SVG.