<!DOCTYPE html><!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/--><html><head><title>::first-letter with border-radius</title><linkrel="author"title="Mats Palmgren"href="https://bugzilla.mozilla.org/show_bug.cgi?id=1067088"><style>html,body{color:black;background-color:white;font-size:24px;}div{line-height:36px;}.b::first-letter{background:blue;}.c::first-letter{box-decoration-break:clone;}.r100p::first-letter{border-radius:100%;}.r10p::first-letter{border-radius:10%;}.s1::first-letter{border:1pxsolidblack;}.i::first-letter{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR%2FmAAAAAXNSR0IArs4c6QAAADpJREFUWMPtzgENAAAIA6Br%2F85aQzdIQGVyUCdaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpan1oLQKsBY3S7VU8AAAAASUVORK5CYII%3D);}.shadowi::first-letter{box-shadow:inset15px9px7px0px#00F;}.shadowo::first-letter{box-shadow:0px0px7px0px#00F;}.shadowio::first-letter{box-shadow:inset15px9px7px0px#00F,0px0px7px0px#00F;}.bi::first-letter{border:5pxsolidred;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD%2FgAIDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAoUlEQVR42u3bwQ0AIAgEwcOmtXttgScmsxWQCTyp3EysJo61IliwYMGCBUuwYMGCBQuWYMGCBQsWLMGCBQsWLFiCBQsWLFiwBAsWLFiwYAkWLFiwYMESLFiwYMGCpXaVka%2BsO8dmOUNYggULFixYsAQLFixYsGAJFixYsGDBEixYsGDBgiVYsGDBggVLsGDBggULlmDBggULFizBggUL1t89N%2FYEtBGStpoAAAAASUVORK5CYII%3D)1010repeat;background:pink;border-image-outset:7px3px5px9px;}</style></head><body><tablecellpadding="10"><tr><td><divclass="b r100p">First-letter</div><divclass="b r10p">First-letter</div><divclass="b s1 r100p">First-letter</div><divclass="b s1 r10p">First-letter</div><divclass="shadowo r100p">First-letter</div><divclass="shadowo s1 r10p">First-letter</div><divclass="shadowi s1 r100p">First-letter</div><divclass="shadowi r10p">First-letter</div><divclass="shadowio r100p">First-letter</div><divclass="shadowio s1 r10p">First-letter</div><divclass="s1 r100p">First-letter</div><divclass="s1 r10p">First-letter</div><divclass="i r100p">First-letter</div><divclass="i r10p">First-letter</div><divclass="i s1 r100p">First-letter</div><divclass="i s1 r10p">First-letter</div><divclass="bi">First-letter</div></td><td><!-- box-decoration-break:clone should render the same for ::first-letter --><divclass="c b r100p">First-letter</div><divclass="c b r10p">First-letter</div><divclass="c b s1 r100p">First-letter</div><divclass="c b s1 r10p">First-letter</div><divclass="c shadowo r100p">First-letter</div><divclass="c shadowo s1 r10p">First-letter</div><divclass="c shadowi s1 r100p">First-letter</div><divclass="c shadowi r10p">First-letter</div><divclass="c shadowio r100p">First-letter</div><divclass="c shadowio s1 r10p">First-letter</div><divclass="c s1 r100p">First-letter</div><divclass="c s1 r10p">First-letter</div><divclass="c i r100p">First-letter</div><divclass="c i r10p">First-letter</div><divclass="c i s1 r100p">First-letter</div><divclass="c i s1 r10p">First-letter</div><divclass="c bi">First-letter</div></td></tr></table></body></html>
