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-coloralign-contentalign-itemsalign-selfalignment-baselineall(version courte)anchor-nameanimation-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
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-colorclearclip-pathclip-ruleclipcolor-interpolation-filterscolor-interpolationcolor-schemecolorcolumn-countcolumn-fillcolumn-gapcolumn-rule-colorcolumn-rule-stylecolumn-rule-widthcolumn-rule(version courte)column-spancolumn-widthcolumns(version courte)contain-intrinsic-block-sizecontain-intrinsic-heightcontain-intrinsic-inline-sizecontain-intrinsic-size(version courte)contain-intrinsic-widthcontaincontainer-namecontainer-typecontainer(version courte)content-visibilitycontentcounter-incrementcounter-resetcounter-setcursorcxcy
D - F
ddirectiondisplaydominant-baselineempty-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(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-block(version courte)inset-inline-endinset-inline-startinset-inline(version courte)inset-inline(version courte)inset(version courte)inset(version courte)interpolate-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-positionoffset-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-positionrxryscalescroll-behaviorscroll-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-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-box-edgetext-box-trimtext-box(version courte)text-combine-uprighttext-decoration-colortext-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 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> |