עברית
accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-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 initial-letter
The initial-letter property creates a drop cap — an enlarged opening letter that spans multiple lines. Value is a number (size) and an integer (lines to descend). Also supports raise — a tall glyph rising above the baseline.
p::first-letter {
initial-letter: 3;
}
.article p:first-of-type::first-letter {
initial-letter: 4 3 drop;
font-family: "Playfair Display", serif;
}
min:0
max:9999
step:0.5
units:
normalNo initial-letter effect (default).dropFirst letter descends — surrounding text wraps around it (drop cap).raiseFirst letter rises upward — text below it (raised cap).
CSS Inline Layout Module Level 3
Editor's Draft
W3CMDN
In the beginning God created the heavens and the earth.
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