CSS-Eigenschaften
Eine CSS Eigenschaft ist ein Parameter, der in einer CSS-Deklaration verwendet wird und Ihnen erlaubt, bestimmte Aspekte der ausgewählten Elemente zu gestalten. Zum Beispiel wird die opacity-Eigenschaft verwendet, um die Transparenz eines ausgewählten Elements festzulegen, wodurch Sie steuern können, ob Inhalt hinter diesem Element sichtbar ist:
/* Set 0.8 opacity on <img> elements */
img {
opacity: 0.8;
}
Jede Eigenschaft hat einen Namen (z.B. opacity), einen Wert (z.B. 0.8) und ein definiertes Verhalten auf die Darstellung des Dokuments. CSS definiert auch Kurzeigenschaften, sodass Sie mehrere verwandte Eigenschaften in einer einzigen Deklaration angeben können. Zum Beispiel ist die margin-Eigenschaft eine Kurzform für margin-top, margin-right, margin-bottom und margin-left, die den Abstand zu allen vier Seiten eines Elements festlegt:
/* Give <img> elements 1rem of margin */
img {
margin: 1rem;
}
Syntax
selector {
property: value;
}
Alphabetisches Verzeichnis der Eigenschaften
Von CSS-Spezifikationen definierte Standard-Eigenschaften umfassen die folgenden:
Verschiedenes
A
accent-coloralign-contentalign-itemsalign-selfalignment-baselineall(Kurzeigenschaft)anchor-nameanimation-compositionanimation-delayanimation-directionanimation-durationanimation-fill-modeanimation-iteration-countanimation-nameanimation-play-stateanimation-range-endanimation-range-startanimation-range(Kurzeigenschaft)animation-timelineanimation-timing-functionanimation(Kurzeigenschaft)appearanceaspect-ratio
B
Border-*
border-block-colorborder-block-end-colorborder-block-end-styleborder-block-end-widthborder-block-end(Kurzeigenschaft)border-block-start-colorborder-block-start-styleborder-block-start-widthborder-block-start(Kurzeigenschaft)border-block-styleborder-block-widthborder-block(Kurzeigenschaft)border-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-widthborder-bottom(Kurzeigenschaft)border-collapseborder-color(Kurzeigenschaft)border-end-end-radiusborder-end-start-radiusborder-image-outsetborder-image-repeatborder-image-sliceborder-image-sourceborder-image-widthborder-image(Kurzeigenschaft)border-inline-colorborder-inline-end-colorborder-inline-end-styleborder-inline-end-widthborder-inline-end(Kurzeigenschaft)border-inline-start-colorborder-inline-start-styleborder-inline-start-widthborder-inline-start(Kurzeigenschaft)border-inline-styleborder-inline-widthborder-inline(Kurzeigenschaft)border-left-colorborder-left-styleborder-left-widthborder-left(Kurzeigenschaft)border-radius(Kurzeigenschaft)border-right-colorborder-right-styleborder-right-widthborder-right(Kurzeigenschaft)border-spacingborder-start-end-radiusborder-start-start-radiusborder-style(Kurzeigenschaft)border-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-top(Kurzeigenschaft)border-width(Kurzeigenschaft)border(Kurzeigenschaft)
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(Kurzeigenschaft)column-spancolumn-widthcolumns(Kurzeigenschaft)contain-intrinsic-block-sizecontain-intrinsic-heightcontain-intrinsic-inline-sizecontain-intrinsic-size(Kurzeigenschaft)contain-intrinsic-widthcontaincontainer-namecontainer-typecontainer(Kurzeigenschaft)content-visibilitycontentcounter-incrementcounter-resetcounter-setcursorcxcy
D - F
ddirectiondisplaydominant-baselineempty-cellsfield-sizingfill-opacityfill-rulefillfilterflex-basisflex-directionflex-flow(Kurzeigenschaft)flex-growflex-shrinkflex-wrapflex(Kurzeigenschaft)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(Kurzeigenschaft)font-variant-alternatesfont-variant-capsfont-variant-east-asianfont-variant-emojifont-variant-ligaturesfont-variant-numericfont-variant-positionfont-variant(Kurzeigenschaft)font-variation-settingsfont-weightfont(Kurzeigenschaft)forced-color-adjust
G - I
gap(Kurzeigenschaft)grid-area(Kurzeigenschaft)grid-auto-columnsgrid-auto-flowgrid-auto-rowsgrid-column-endgrid-column-startgrid-column(Kurzeigenschaft)grid-row-endgrid-row-startgrid-row(Kurzeigenschaft)grid-template-areasgrid-template-columnsgrid-template-rowsgrid-template(Kurzeigenschaft)grid(Kurzeigenschaft)hanging-punctuationheighthyphenate-characterhyphenate-limit-charshyphensimage-orientationimage-renderingimage-resolutioninitial-letterinline-sizeinset-block-endinset-block-startinset-block(Kurzeigenschaft)inset-block(Kurzeigenschaft)inset-inline-endinset-inline-startinset-inline(Kurzeigenschaft)inset-inline(Kurzeigenschaft)inset(Kurzeigenschaft)inset(Kurzeigenschaft)interpolate-sizeisolation
J - M
justify-contentjustify-itemsjustify-selfleftletter-spacinglighting-colorline-breakline-clampline-height-stepline-heightlist-style-imagelist-style-positionlist-style-typelist-style(Kurzeigenschaft)list-style(Kurzeigenschaft)margin-block-endmargin-block-startmargin-block(Kurzeigenschaft)margin-bottommargin-inline-endmargin-inline-startmargin-inline(Kurzeigenschaft)margin-leftmargin-rightmargin-topmargin-trimmargin(Kurzeigenschaft)marker-endmarker-midmarker-startmarkermask-border-modemask-border-outsetmask-border-repeatmask-border-slicemask-border-sourcemask-border-widthmask-border(Kurzeigenschaft)mask-clipmask-compositemask-imagemask-modemask-originmask-positionmask-repeatmask-sizemask-typemask(Kurzeigenschaft)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(Kurzeigenschaft)opacityorderorphansoutline-coloroutline-offsetoutline-styleoutline-widthoutline(Kurzeigenschaft)overflow-anchoroverflow-blockoverflow-clip-marginoverflow-inlineoverflow-wrapoverflow-xoverflow-yoverflow(Kurzeigenschaft)overlayoverscroll-behavior-blockoverscroll-behavior-inlineoverscroll-behavior-xoverscroll-behavior-yoverscroll-behavior(Kurzeigenschaft)padding-block-endpadding-block-startpadding-block(Kurzeigenschaft)padding-bottompadding-inline-endpadding-inline-startpadding-inline(Kurzeigenschaft)padding-leftpadding-rightpadding-toppadding(Kurzeigenschaft)page-break-afterpage-break-beforepage-break-insidepagepaint-orderperspective-originperspectiveplace-content(Kurzeigenschaft)place-items(Kurzeigenschaft)place-self(Kurzeigenschaft)pointer-eventsposition-anchorposition-areaposition-try-fallbacksposition-try-orderposition-try(Kurzeigenschaft)position-visibilitypositionprint-color-adjust
Q - S
quotesrreading-flowreading-orderresizerightrotaterow-gapruby-alignruby-positionrxryscalescroll-behaviorscroll-margin-block-endscroll-margin-block-startscroll-margin-block(Kurzeigenschaft)scroll-margin-bottomscroll-margin-inline-endscroll-margin-inline-startscroll-margin-inline(Kurzeigenschaft)scroll-margin-leftscroll-margin-rightscroll-margin-topscroll-margin(Kurzeigenschaft)scroll-marker-groupscroll-padding-block-endscroll-padding-block-startscroll-padding-block(Kurzeigenschaft)scroll-padding-bottomscroll-padding-inline-endscroll-padding-inline-startscroll-padding-inline(Kurzeigenschaft)scroll-padding-leftscroll-padding-rightscroll-padding-topscroll-padding(Kurzeigenschaft)scroll-snap-alignscroll-snap-stopscroll-snap-typescroll-timeline-axisscroll-timeline-namescroll-timeline(Kurzeigenschaft)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(Kurzeigenschaft)text-combine-uprighttext-decoration-colortext-decoration-linetext-decoration-skip-inktext-decoration-skiptext-decoration-styletext-decoration-thicknesstext-decoration(Kurzeigenschaft)text-emphasis-colortext-emphasis-positiontext-emphasis-styletext-emphasis(Kurzeigenschaft)text-indenttext-justifytext-orientationtext-overflowtext-renderingtext-shadowtext-size-adjusttext-spacing-trimtext-transformtext-underline-offsettext-underline-positiontext-wrap-modetext-wrap-styletext-wrap(Kurzeigenschaft)timeline-scopetoptouch-actiontransform-boxtransform-origintransform-styletransformtransition-behaviortransition-delaytransition-durationtransition-propertytransition-timing-functiontransition(Kurzeigenschaft)translateunicode-bidiuser-modifyuser-selectvector-effectvertical-alignview-timeline-axisview-timeline-insetview-timeline-nameview-timeline(Kurzeigenschaft)view-transition-classview-transition-namevisibilitywhite-space-collapsewhite-spacewidowswidthwill-changeword-breakword-spacingwriting-modexyz-indexzoom
Nicht standardisierte Eigenschaften
Nicht standardisierte oder mit Anbieterpräfix versehene Eigenschaften umfassen die folgenden:
-moz- Präfix
-webkit- Präfix
-webkit-box-reflect-webkit-border-before(Kurzeigenschaft)-webkit-mask-box-image(Kurzeigenschaft)-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(Kurzeigenschaft)-webkit-text-stroke-color-webkit-text-stroke-width-webkit-touch-callout
Spezifikationen
| Specification |
|---|
| CSS Syntax Module Level 3> |
| CSS Snapshot 2024> |
| CSS Cascading and Inheritance Level 6> |