D — A–Z

Every CSS entry starting with D, grouped by kind. Pseudo-classes, pseudo-elements and types are filed by their first letter, ignoring the leading :, :: or <.

NameDescription
Color
darkblueNamed colour #00008b.
darkcyanNamed colour #008b8b.
darkgoldenrodNamed colour #b8860b.
darkgrayNamed colour #a9a9a9.
darkgreenNamed colour #006400.
darkgreyNamed colour #a9a9a9.
darkkhakiNamed colour #bdb76b.
darkmagentaNamed colour #8b008b.
darkolivegreenNamed colour #556b2f.
darkorangeNamed colour #ff8c00.
darkorchidNamed colour #9932cc.
darkredNamed colour #8b0000.
darksalmonNamed colour #e9967a.
darkseagreenNamed colour #8fbc8f.
darkslateblueNamed colour #483d8b.
darkslategrayNamed colour #2f4f4f.
darkslategreyNamed colour #2f4f4f.
darkturquoiseNamed colour #00ced1.
darkvioletNamed colour #9400d3.
deeppinkNamed colour #ff1493.
deepskyblueNamed colour #00bfff.
dimgrayNamed colour #696969.
dimgreyNamed colour #696969.
dodgerblueNamed colour #1e90ff.
Combinator
descendant combinatorA space between selectors: matches elements nested anywhere inside another.
Descriptor
descent-overrideAn @font-face descriptor that overrides the font's descent metric.
Function
drop-shadow()A shadow that follows the shape of visible pixels.
dynamic-range-limit-mix()Mixes dynamic-range-limit values to set an in-between HDR limit.
Media feature
device-aspect-ratioDeprecated: the aspect ratio of the whole device. Use aspect-ratio.
device-heightDeprecated: the height of the whole device. Use height.
device-postureWhether a foldable device is flat or folded.
device-widthDeprecated: the width of the whole device. Use width.
display-modeHow an installed web app is shown: browser tab, standalone, full screen.
dynamic-rangeWhether the display supports high dynamic range.
Property
dThe path data of an SVG path element.
directionThe base direction of text: left to right or right to left.
displaySets the outer and inner display type of a box, or removes it.
dominant-baselineWhich baseline a box aligns its inline content to.
dynamic-range-limitLimits how bright HDR images and video may be shown.
Pseudo-class
:defaultMatches the default button, option or checked-by-default control.
:definedMatches built-in elements and custom elements that have been defined.
:dir()Matches elements by text direction, ltr or rtl.
:disabledMatches disabled form controls.
Pseudo-element
::details-contentThe expandable content of a details element.
Type
<dashed-ident>An author-chosen name that starts with two hyphens.
<dimension>Any number with a unit attached.
<display-box>contents or none: whether an element generates a box.
<display-inside>The inner display type: flow, flow-root, table, flex, grid or ruby.
<display-internal>The internal parts of table and ruby layout, such as table-cell.
<display-legacy>inline-block, inline-flex and the other single-keyword inline forms.
<display-listitem>A list-item box that generates a marker.
<display-outside>The outer display type: block or inline.
Unit
degDegrees; a full circle is 360deg.
dpcmDots per centimetre.
dpiDots per inch.
dppxDots per CSS pixel; 1dppx is 96dpi.
dvb1% of the dynamic viewport in the block axis.
dvh1% of the dynamic viewport height, tracking the toolbars.
dvi1% of the dynamic viewport in the inline axis.
dvmax1% of the dynamic viewport's larger dimension.
dvmin1% of the dynamic viewport's smaller dimension.
dvw1% of the dynamic viewport width, tracking the toolbars.