Create a “drop-cap”, a type of an initial, a letter at the beginning of a word, a chapter, or a paragraph that is larger than the rest of the text.
<dl>
<dt>Via (<code>-webkit</code>)<code>initial-letter</code></dt>
<dd>
<p class="x-drop-cap">The first letter of this sentence will be a drop-cap on modern updated browsers. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In venenatis odio elit, faucibus blandit tellus mollis ut. Donec vel nibh at nisl fermentum sodales nec quis risus. Nullam et magna in metus vulputate fermentum a a augue.
</p>
</dd>
</dl>
{
"shouldSkipPattern": true,
"globalStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.demo.css"
},
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.base.css"
}
],
"cmsStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.cms.css"
}
],
"docsStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.docs.css"
}
],
"portalStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.portal.css"
}
],
"subdir": "tools",
"supportStyles": [
"../../assets/tools/x-drop-cap.demo.css"
]
}