Outline drawing behavior for boxes with negative sizes #21138

CYBAI · 2018-07-08T05:48:43Z

Here's the Servo (built with bd0c001) screenshot

First Case

HTML:

<html>
  <head>
    <style>
html {
  display: table;
  height: 100%;
  width: 100%;
}

body {
  display: table-cell;
  vertical-align: middle;
}

div {
  margin: auto;
  width: 100px;
  height: 100px;
  outline: inset 100px green;
  outline-offset: -125px;
}
   </style>
  </head>
  <body>
    <div></div>
  </body>
</html>

Second Case

<html>
  <head>
    <style>
html {
  display: table;
  height: 100%;
  width: 25px;
  margin: auto;
}

body {
  display: table-cell;
  vertical-align: middle;
}

div::before {
	line-height: 25px;
	font-size: 25px;
	content: "　　";
	background: white;
}
div {
	display: inline;
	outline: 25px ridge white;
	outline-offset: -40px;
	border: 25px dotted #ABABAB;
}
    </style>
  </head>
  <body>
    <div></div>
  </body>
</html>

tigercosmos added A-content/css C-has-manual-testcase labels Jul 9, 2018

servo / servo

Outline drawing behavior for boxes with negative sizes #21138

Outline drawing behavior for boxes with negative sizes #21138

CYBAI commented Jul 8, 2018 •

edited

servo / servo

Join GitHub today

Outline drawing behavior for boxes with negative sizes #21138

Outline drawing behavior for boxes with negative sizes #21138

Comments

CYBAI commented Jul 8, 2018 • edited

First Case

Second Case

CYBAI commented Jul 8, 2018 •

edited