gecko-dev/outline-and-box-shadow.html at master - gecko-dev - Gitea: Git with a cup of tea

Magic-Mirror/gecko-dev

mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-30 08:12:05 +00:00

L. David Baron e824590763 Bug 480888 patch 4: Draw outline around the union of border boxes, SVG, and text, rather than the visual overflow area. r=roc

At the same time, move the handling of outlines on inlines that contain
blocks earlier, so that we factor it into the stored frame property (and
thus have the stored frame property) and so that we include it
accurately in the overflow calculation.

2014-02-16 16:05:10 -08:00

14 lines

336 B

HTML

Raw Permalink Blame History

 <!DOCTYPE HTML>
 <title>outline and box-shadow</title>
 <style>
 html, body { margin: 0; padding: 0 }
 p {
   margin: 50px;
   outline: 2px solid blue;
   padding: 5px; /* ensure no font overhang */
   background: yellow; color: black;
   box-shadow: 10px 10px 10px 2px black;
 }
 </style>
 <p>The outline should be adjacent to the background.</p>