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
selecteur {
propriete: 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-coloralign-contentalign-itemsalign-selfalignment-baselineall(version courte)anchor-nameanchor-scopeanimation-compositionanimation-delayanimation-directionanimation-durationanimation-fill-modeanimation-iteration-countanimation-nameanimation-play-stateanimation-range-endanimation-range-startanimation-range(version courte)animation-timelineanimation-timing-functionanimation(version courte)appearanceaspect-ratio
B
backdrop-filterbackface-visibilitybackground-attachmentbackground-blend-modebackground-clipbackground-colorbackground-imagebackground-originbackground-position-xbackground-position-ybackground-positionbackground-repeatbackground-sizebackground(version courte)baseline-shiftbaseline-sourceblock-size
Border-*
border-block-colorborder-block-end-colorborder-block-end-styleborder-block-end-widthborder-block-end(version courte)border-block-start-colorborder-block-start-styleborder-block-start-widthborder-block-start(version courte)border-block-styleborder-block-widthborder-block(version courte)border-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-widthborder-bottom(version courte)border-collapseborder-color(version courte)border-end-end-radiusborder-end-start-radiusborder-image-outsetborder-image-repeatborder-image-sliceborder-image-sourceborder-image-widthborder-image(version courte)border-inline-colorborder-inline-end-colorborder-inline-end-styleborder-inline-end-widthborder-inline-end(version courte)border-inline-start-colorborder-inline-start-styleborder-inline-start-widthborder-inline-start(version courte)border-inline-styleborder-inline-widthborder-inline(version courte)border-left-colorborder-left-styleborder-left-widthborder-left(version courte)border-radius(version courte)border-right-colorborder-right-styleborder-right-widthborder-right(version courte)border-spacingborder-start-end-radiusborder-start-start-radiusborder-style(version courte)border-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-top(version courte)border-width(version courte)border(version courte)
B - C
bottombox-alignbox-decoration-breakbox-directionbox-flex-groupbox-flexbox-linesbox-ordinal-groupbox-orientbox-packbox-shadowbox-sizingbreak-afterbreak-beforebreak-insidecaption-sidecaret-animationcaret-colorcaret-shapecaret(version courte)clearclip-pathclip-ruleclipcolor-interpolation-filterscolor-interpolationcolor-schemecolorcolumn-countcolumn-fillcolumn-gapcolumn-heightcolumn-rule-colorcolumn-rule-stylecolumn-rule-widthcolumn-rule(version courte)column-spancolumn-widthcolumn-wrapcolumns(version courte)contain-intrinsic-block-sizecontain-intrinsic-heightcontain-intrinsic-inline-sizecontain-intrinsic-size(version courte)contain-intrinsic-widthcontaincontainer-namecontainer-typecontainer(version courte)content-visibilitycontentcorner-block-end-shapecorner-block-start-shapecorner-bottom-left-shapecorner-bottom-right-shapecorner-bottom-shape(version courte)corner-end-end-shapecorner-end-start-shapecorner-inline-end-shapecorner-inline-start-shapecorner-left-shape(version courte)corner-right-shape(version courte)corner-shape(version courte)corner-start-end-shapecorner-start-start-shapecorner-top-left-shapecorner-top-right-shapecorner-top-shape(version courte)counter-incrementcounter-resetcounter-setcursorcxcy
D - F
ddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfill-opacityfill-rulefillfilterflex-basisflex-directionflex-flow(version courte)flex-growflex-shrinkflex-wrapflex(version courte)floatflood-colorflood-opacityfont-familyfont-feature-settingsfont-kerningfont-language-overridefont-optical-sizingfont-palettefont-size-adjustfont-sizefont-smoothfont-stretchfont-stylefont-synthesis-positionfont-synthesis-small-capsfont-synthesis-stylefont-synthesis-weightfont-synthesis(version courte)font-variant-alternatesfont-variant-capsfont-variant-east-asianfont-variant-emojifont-variant-ligaturesfont-variant-numericfont-variant-positionfont-variant(version courte)font-variation-settingsfont-weightfont-widthfont(version courte)forced-color-adjust
G - I
gap(version courte)grid-area(version courte)grid-auto-columnsgrid-auto-flowgrid-auto-rowsgrid-column-endgrid-column-startgrid-column(version courte)grid-row-endgrid-row-startgrid-row(version courte)grid-template-areasgrid-template-columnsgrid-template-rowsgrid-template(version courte)grid(version courte)hanging-punctuationheighthyphenate-characterhyphenate-limit-charshyphensimage-orientationimage-renderingimage-resolutioninitial-letterinline-sizeinset-block-endinset-block-startinset-block(version courte)inset-inline-endinset-inline-startinset-inline(version courte)inset(version courte)interactivityinterest-delayinterest-delay-endinterest-delay-startinterpolate-sizeisolation
J - M
justify-contentjustify-itemsjustify-selfleftletter-spacinglighting-colorline-breakline-clampline-height-stepline-heightlist-style-imagelist-style-positionlist-style-typelist-style(version courte)list-style(version courte)margin-block-endmargin-block-startmargin-block(version courte)margin-bottommargin-inline-endmargin-inline-startmargin-inline(version courte)margin-leftmargin-rightmargin-topmargin-trimmargin(version courte)marker-endmarker-midmarker-startmarkermask-border-modemask-border-outsetmask-border-repeatmask-border-slicemask-border-sourcemask-border-widthmask-border(version courte)mask-clipmask-compositemask-imagemask-modemask-originmask-positionmask-repeatmask-sizemask-typemask(version courte)math-depthmath-shiftmath-stylemax-block-sizemax-heightmax-inline-sizemax-widthmin-block-sizemin-heightmin-inline-sizemin-widthmix-blend-mode
O - P
object-fitobject-positionobject-view-boxoffset-anchoroffset-distanceoffset-pathoffset-positionoffset-rotateoffset(version courte)opacityorderorphansoutline-coloroutline-offsetoutline-styleoutline-widthoutline(version courte)overflow-anchoroverflow-blockoverflow-clip-marginoverflow-inlineoverflow-wrapoverflow-xoverflow-yoverflow(version courte)overlayoverscroll-behavior-blockoverscroll-behavior-inlineoverscroll-behavior-xoverscroll-behavior-yoverscroll-behavior(version courte)padding-block-endpadding-block-startpadding-block(version courte)padding-bottompadding-inline-endpadding-inline-startpadding-inline(version courte)padding-leftpadding-rightpadding-toppadding(version courte)page-break-afterpage-break-beforepage-break-insidepagepaint-orderperspective-originperspectiveplace-content(version courte)place-items(version courte)place-self(version courte)pointer-eventsposition-anchorposition-areaposition-try-fallbacksposition-try-orderposition-try(version courte)position-visibilitypositionprint-color-adjust
Q - S
quotesrreading-flowreading-orderresizerightrotaterow-gapruby-alignruby-overhangruby-positionrxryscalescroll-behaviorscroll-initial-targetscroll-margin-block-endscroll-margin-block-startscroll-margin-block(version courte)scroll-margin-bottomscroll-margin-inline-endscroll-margin-inline-startscroll-margin-inline(version courte)scroll-margin-leftscroll-margin-rightscroll-margin-topscroll-margin(version courte)scroll-marker-groupscroll-padding-block-endscroll-padding-block-startscroll-padding-block(version courte)scroll-padding-bottomscroll-padding-inline-endscroll-padding-inline-startscroll-padding-inline(version courte)scroll-padding-leftscroll-padding-rightscroll-padding-topscroll-padding(version courte)scroll-snap-alignscroll-snap-stopscroll-snap-typescroll-target-groupscroll-timeline-axisscroll-timeline-namescroll-timeline(version courte)scrollbar-colorscrollbar-gutterscrollbar-widthshape-image-thresholdshape-marginshape-outsideshape-renderingspeak-asstop-colorstop-opacitystroke-dasharraystroke-dashoffsetstroke-linecapstroke-linejoinstroke-miterlimitstroke-opacitystroke-widthstroke
T - Z
tab-sizetable-layouttext-align-lasttext-aligntext-anchortext-autospacetext-box-edgetext-box-trimtext-box(version courte)text-combine-uprighttext-decoration-colortext-decoration-insettext-decoration-linetext-decoration-skip-inktext-decoration-skiptext-decoration-styletext-decoration-thicknesstext-decoration(version courte)text-emphasis-colortext-emphasis-positiontext-emphasis-styletext-emphasis(version courte)text-indenttext-justifytext-orientationtext-overflowtext-renderingtext-shadowtext-size-adjusttext-spacing-trimtext-transformtext-underline-offsettext-underline-positiontext-wrap-modetext-wrap-styletext-wrap(version courte)timeline-scopetoptouch-actiontransform-boxtransform-origintransform-styletransformtransition-behaviortransition-delaytransition-durationtransition-propertytransition-timing-functiontransition(version courte)translateunicode-bidiuser-modifyuser-selectvector-effectvertical-alignview-timeline-axisview-timeline-insetview-timeline-nameview-timeline(version courte)view-transition-classview-transition-namevisibilitywhite-space-collapsewhite-spacewidowswidthwill-changeword-breakword-spacingwriting-modexyz-indexzoom
Propriétés non standard
Les propriétés non standard préfixées par le navigateur comprennent :
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
| Spécification |
|---|
| CSS Syntax Module Level 3> |
| CSS Snapshot 2024> |
| CSS Cascading and Inheritance Level 6> |