Propriétés CSS
Une propriété CSS est un paramètre utilisé dans une déclaration CSS qui vous permet de mettre en forme certains aspects des éléments sélectionnés. Par exemple, la propriété opacity
est utilisée pour définir l'opacité d'un élément sélectionné, ce qui vous permet de contrôler si le contenu derrière cet élément est visible :
/* Définit une opacité de 0,8 sur les éléments <img> */
img {
opacity: 0.8;
}
Chaque propriété a un nom (par exemple, opacity
), une valeur (par exemple 0.8
), et un comportement défini sur le rendu du document. Le CSS définit également des propriétés abrégées, vous permettant de spécifier plusieurs propriétés liées dans une seule déclaration. Par exemple, la propriété margin
est un raccourci de margin-top
, margin-right
, margin-bottom
, et margin-left
, qui définit la marge des quatre côtés d'un élément :
/* Donne aux éléments <img> une marge de 1 rem */
img {
margin: 1rem;
}
Syntaxe
sélecteur {
propriété: valeur;
}
Index alphabétique des propriétés
Les propriétés standard définies par les spécifications CSS sont les suivantes :
Divers
A
accent-color
align-content
align-items
align-self
alignment-baseline
all
(version courte)anchor-name
animation-composition
animation-delay
animation-direction
animation-duration
animation-fill-mode
animation-iteration-count
animation-name
animation-play-state
animation-range-end
animation-range-start
animation-range
(version courte)animation-timeline
animation-timing-function
animation
(version courte)appearance
aspect-ratio
B
Border-*
border-block-color
border-block-end-color
border-block-end-style
border-block-end-width
border-block-end
(version courte)border-block-start-color
border-block-start-style
border-block-start-width
border-block-start
(version courte)border-block-style
border-block-width
border-block
(version courte)border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-bottom
(version courte)border-collapse
border-color
(version courte)border-end-end-radius
border-end-start-radius
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-image
(version courte)border-inline-color
border-inline-end-color
border-inline-end-style
border-inline-end-width
border-inline-end
(version courte)border-inline-start-color
border-inline-start-style
border-inline-start-width
border-inline-start
(version courte)border-inline-style
border-inline-width
border-inline
(version courte)border-left-color
border-left-style
border-left-width
border-left
(version courte)border-radius
(version courte)border-right-color
border-right-style
border-right-width
border-right
(version courte)border-spacing
border-start-end-radius
border-start-start-radius
border-style
(version courte)border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-top
(version courte)border-width
(version courte)border
(version courte)
B - C
bottom
box-align
box-decoration-break
box-direction
box-flex-group
box-flex
box-lines
box-ordinal-group
box-orient
box-pack
box-shadow
box-sizing
break-after
break-before
break-inside
caption-side
caret-color
clear
clip-path
clip-rule
clip
color-interpolation-filters
color-interpolation
color-scheme
color
column-count
column-fill
column-gap
column-rule-color
column-rule-style
column-rule-width
column-rule
(version courte)column-span
column-width
columns
(version courte)contain-intrinsic-block-size
contain-intrinsic-height
contain-intrinsic-inline-size
contain-intrinsic-size
(version courte)contain-intrinsic-width
contain
container-name
container-type
container
(version courte)content-visibility
content
counter-increment
counter-reset
counter-set
cursor
cx
cy
D - F
d
direction
display
dominant-baseline
empty-cells
field-sizing
fill-opacity
fill-rule
fill
filter
flex-basis
flex-direction
flex-flow
(version courte)flex-grow
flex-shrink
flex-wrap
flex
(version courte)float
flood-color
flood-opacity
font-family
font-feature-settings
font-kerning
font-language-override
font-optical-sizing
font-palette
font-size-adjust
font-size
font-smooth
font-stretch
font-style
font-synthesis-position
font-synthesis-small-caps
font-synthesis-style
font-synthesis-weight
font-synthesis
(version courte)font-variant-alternates
font-variant-caps
font-variant-east-asian
font-variant-emoji
font-variant-ligatures
font-variant-numeric
font-variant-position
font-variant
(version courte)font-variation-settings
font-weight
font
(version courte)forced-color-adjust
G - I
gap
(version courte)grid-area
(version courte)grid-auto-columns
grid-auto-flow
grid-auto-rows
grid-column-end
grid-column-start
grid-column
(version courte)grid-row-end
grid-row-start
grid-row
(version courte)grid-template-areas
grid-template-columns
grid-template-rows
grid-template
(version courte)grid
(version courte)hanging-punctuation
height
hyphenate-character
hyphenate-limit-chars
hyphens
image-orientation
image-rendering
image-resolution
initial-letter
inline-size
inset-block-end
inset-block-start
inset-block
(version courte)inset-block
(version courte)inset-inline-end
inset-inline-start
inset-inline
(version courte)inset-inline
(version courte)inset
(version courte)inset
(version courte)interpolate-size
isolation
J - M
justify-content
justify-items
justify-self
left
letter-spacing
lighting-color
line-break
line-clamp
line-height-step
line-height
list-style-image
list-style-position
list-style-type
list-style
(version courte)list-style
(version courte)margin-block-end
margin-block-start
margin-block
(version courte)margin-bottom
margin-inline-end
margin-inline-start
margin-inline
(version courte)margin-left
margin-right
margin-top
margin-trim
margin
(version courte)marker-end
marker-mid
marker-start
marker
mask-border-mode
mask-border-outset
mask-border-repeat
mask-border-slice
mask-border-source
mask-border-width
mask-border
(version courte)mask-clip
mask-composite
mask-image
mask-mode
mask-origin
mask-position
mask-repeat
mask-size
mask-type
mask
(version courte)math-depth
math-shift
math-style
max-block-size
max-height
max-inline-size
max-width
min-block-size
min-height
min-inline-size
min-width
mix-blend-mode
O - P
object-fit
object-position
offset-anchor
offset-distance
offset-path
offset-position
offset-rotate
offset
(version courte)opacity
order
orphans
outline-color
outline-offset
outline-style
outline-width
outline
(version courte)overflow-anchor
overflow-block
overflow-clip-margin
overflow-inline
overflow-wrap
overflow-x
overflow-y
overflow
(version courte)overlay
overscroll-behavior-block
overscroll-behavior-inline
overscroll-behavior-x
overscroll-behavior-y
overscroll-behavior
(version courte)padding-block-end
padding-block-start
padding-block
(version courte)padding-bottom
padding-inline-end
padding-inline-start
padding-inline
(version courte)padding-left
padding-right
padding-top
padding
(version courte)page-break-after
page-break-before
page-break-inside
page
paint-order
perspective-origin
perspective
place-content
(version courte)place-items
(version courte)place-self
(version courte)pointer-events
position-anchor
position-area
position-try-fallbacks
position-try-order
position-try
(version courte)position-visibility
position
print-color-adjust
Q - S
quotes
r
reading-flow
reading-order
resize
right
rotate
row-gap
ruby-align
ruby-position
rx
ry
scale
scroll-behavior
scroll-margin-block-end
scroll-margin-block-start
scroll-margin-block
(version courte)scroll-margin-bottom
scroll-margin-inline-end
scroll-margin-inline-start
scroll-margin-inline
(version courte)scroll-margin-left
scroll-margin-right
scroll-margin-top
scroll-margin
(version courte)scroll-marker-group
scroll-padding-block-end
scroll-padding-block-start
scroll-padding-block
(version courte)scroll-padding-bottom
scroll-padding-inline-end
scroll-padding-inline-start
scroll-padding-inline
(version courte)scroll-padding-left
scroll-padding-right
scroll-padding-top
scroll-padding
(version courte)scroll-snap-align
scroll-snap-stop
scroll-snap-type
scroll-timeline-axis
scroll-timeline-name
scroll-timeline
(version courte)scrollbar-color
scrollbar-gutter
scrollbar-width
shape-image-threshold
shape-margin
shape-outside
shape-rendering
speak-as
stop-color
stop-opacity
stroke-dasharray
stroke-dashoffset
stroke-linecap
stroke-linejoin
stroke-miterlimit
stroke-opacity
stroke-width
stroke
T - Z
tab-size
table-layout
text-align-last
text-align
text-anchor
text-box-edge
text-box-trim
text-box
(version courte)text-combine-upright
text-decoration-color
text-decoration-line
text-decoration-skip-ink
text-decoration-skip
text-decoration-style
text-decoration-thickness
text-decoration
(version courte)text-emphasis-color
text-emphasis-position
text-emphasis-style
text-emphasis
(version courte)text-indent
text-justify
text-orientation
text-overflow
text-rendering
text-shadow
text-size-adjust
text-spacing-trim
text-transform
text-underline-offset
text-underline-position
text-wrap-mode
text-wrap-style
text-wrap
(version courte)timeline-scope
top
touch-action
transform-box
transform-origin
transform-style
transform
transition-behavior
transition-delay
transition-duration
transition-property
transition-timing-function
transition
(version courte)translate
unicode-bidi
user-modify
user-select
vector-effect
vertical-align
view-timeline-axis
view-timeline-inset
view-timeline-name
view-timeline
(version courte)view-transition-class
view-transition-name
visibility
white-space-collapse
white-space
widows
width
will-change
word-break
word-spacing
writing-mode
x
y
z-index
zoom
Propriétés non standard
Les propriétés non standard ou préfixées par le navigateur comprennent les suivantes :
Préfixe -moz-
Préfixe -webkit-
-webkit-box-reflect
-webkit-border-before
(version courte)-webkit-mask-box-image
(version courte)-webkit-mask-composite
-webkit-mask-position-x
-webkit-mask-position-y
-webkit-mask-repeat-x
-webkit-mask-repeat-y
-webkit-tap-highlight-color
-webkit-text-fill-color
-webkit-text-security
-webkit-text-stroke
(version courte)-webkit-text-stroke-color
-webkit-text-stroke-width
-webkit-touch-callout
Spécifications
Specification |
---|
CSS Syntax Module Level 3> |
CSS Snapshot 2024> |
CSS Cascading and Inheritance Level 6> |