עברית
accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfill-opacityfill-rulefilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom
The CSS Propertie fill
The fill property (SVG) paints the interior of graphical elements (path, circle, polygon, etc.). Supports solid color, gradient/pattern (via url), or context-fill/stroke. Initial value is black.
circle {
fill: red;
}
path {
fill: url(#gradient1) gray;
}
noneNo painting.currentColorCurrent color value.transparentTransparent color.context-fillUses the fill of the context element (marker, use).context-strokeUses the stroke of the context element.
url()Reference to a paint server (gradient/pattern) with optional fallback.rgb()RGB color.hsl()HSL color.oklch()Oklch color.
SVG 2 — Chapter 13: Painting
W3C Recommendation
<color>
W3CMDN
Show all code
Edit CSS online
The plugin that remembers hundreds of CSS items for you
Every CSS property — in a live demonstration
The bilingual CSS reference
previousnext