Bug 968029 - Use unprefixed box-sizing in content/, dom/, layout/, and widget/. r=dbaron

This commit is contained in:
Alex Henrie 2014-02-06 12:32:05 -07:00
Родитель e8e17403e3
Коммит 5b028ed455
87 изменённых файлов: 168 добавлений и 199 удалений

Просмотреть файл

@ -11,7 +11,7 @@ https://bugzilla.mozilla.org/show_bug.cgi?id=320799
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=320799">Mozilla Bug 320799</a>
<p id="display">
<select id="s" style="width: 100px; -moz-box-sizing: padding-box">
<select id="s" style="width: 100px; box-sizing: padding-box">
<option>This is a test, it really is a test I tell you</option>
</select>
<select id="s2">

Просмотреть файл

@ -24,16 +24,16 @@ https://bugzilla.mozilla.org/show_bug.cgi?id=861217
<td id="tableCell3" style="overflow: hidden"><div style="display: inline-block; margin-right: 8px; margin-bottom: 10px; width: 100px; height: 100px; background-color: Khaki">3</div></td>
</tr>
<tr>
<td id="tableCell4" style="overflow: hidden"><div style="display: inline-block; margin-right: 3px; margin-left: 1px; -moz-box-sizing: border-box; box-sizing: border-box; width: 100px; height: 100px; border-left: 6px solid black; border-bottom: 2px solid black; background-color: LightCoral">4</div></td>
<td id="tableCell4" style="overflow: hidden"><div style="display: inline-block; margin-right: 3px; margin-left: 1px; box-sizing: border-box; width: 100px; height: 100px; border-left: 6px solid black; border-bottom: 2px solid black; background-color: LightCoral">4</div></td>
</tr>
<tr>
<td id="tableCell5" style="overflow: hidden"><div style="display: inline-block; border-right: 9px solid black; width: 100px; height: 100px; background-color: LightSeaGreen">5</div></td>
</tr>
<tr>
<td id="tableCell6" style="overflow: hidden"><div style="-moz-box-sizing: border-box; box-sizing: border-box; width: 100px; height: 100px; padding-top: 3px; padding-right: 13px; background-color: Orange">6</div></td>
<td id="tableCell6" style="overflow: hidden"><div style="box-sizing: border-box; width: 100px; height: 100px; padding-top: 3px; padding-right: 13px; background-color: Orange">6</div></td>
</tr>
<tr>
<td id="tableCell7" style="overflow: hidden"><div style="display: inline-block; margin-right: 11px; margin-left: 4px; -moz-box-sizing: border-box; box-sizing: border-box; width: 100px; height: 100px; border-right: 6px solid black; border-bottom: 8px solid black; padding-top: 5px; padding-right: 9px; padding-bottom: 8px; padding-left: 7px; background-color: Silver">7</div></td>
<td id="tableCell7" style="overflow: hidden"><div style="display: inline-block; margin-right: 11px; margin-left: 4px; box-sizing: border-box; width: 100px; height: 100px; border-right: 6px solid black; border-bottom: 8px solid black; padding-top: 5px; padding-right: 9px; padding-bottom: 8px; padding-left: 7px; background-color: Silver">7</div></td>
</tr>
<tr>
<td id="tableCell8" style="overflow: hidden"><div style="display: inline-block; margin-top: 7px; margin-bottom: 1px; border-right: 6px solid black; border-bottom: 8px solid black; padding-top: 5px; padding-right: 9px; padding-bottom: 8px; padding-left: 7px; width: 100px; height: 100px; background-color: Turquoise">8</div></td>

Просмотреть файл

@ -1,3 +1,3 @@
button, vbox, menu, menuitem, menupopup {
-moz-box-sizing: content-box;
box-sizing: content-box;
}

Просмотреть файл

@ -8,7 +8,7 @@
<style>
input {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
</style>
</head>

Просмотреть файл

@ -3030,7 +3030,7 @@ nsLayoutUtils::IntrinsicForContainer(nsRenderingContext *aRenderingContext,
// -moz-fit-content and -moz-available enumerated widths compute intrinsic
// widths just like auto.
// For -moz-max-content and -moz-min-content, we handle them like
// specified widths, but ignore -moz-box-sizing.
// specified widths, but ignore box-sizing.
boxSizing = NS_STYLE_BOX_SIZING_CONTENT;
} else if (!styleWidth.ConvertsToLength() &&
!(haveFixedMinWidth && haveFixedMaxWidth && maxw <= minw)) {

Просмотреть файл

@ -1075,9 +1075,9 @@ public:
* @param aFrame Frame whose (min-/max-/)width is being computed
* @param aContainingBlockWidth Width of aFrame's containing block.
* @param aContentEdgeToBoxSizing The sum of any left/right padding and
* border that goes inside the rect chosen by -moz-box-sizing.
* border that goes inside the rect chosen by box-sizing.
* @param aBoxSizingToMarginEdge The sum of any left/right padding, border,
* and margin that goes outside the rect chosen by -moz-box-sizing.
* and margin that goes outside the rect chosen by box-sizing.
* @param aCoord The width value to compute.
*/
static nscoord ComputeWidthValue(

Просмотреть файл

@ -88,7 +88,7 @@
table.box {
border-collapse: collapse;
border: 2px solid black;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:98%;
height:96%;
}

Просмотреть файл

@ -10,7 +10,7 @@
<div id="content" style="display: none">
</div>
<textarea id="textarea" style="-moz-appearance: none; border: 2px solid black; padding: 3px; -moz-box-sizing: border-box; min-width: 15px; min-height: 15px;">Text</textarea>
<textarea id="textarea" style="-moz-appearance: none; border: 2px solid black; padding: 3px; box-sizing: border-box; min-width: 15px; min-height: 15px;">Text</textarea>
<pre id="test">
<script type="application/javascript">

Просмотреть файл

@ -1 +1 @@
<!DOCTYPE html><html style="height: 6523790304542em; width: 6207636626031em; -moz-box-sizing: border-box; border-style: dotted; -moz-column-width: 20px;"></html>
<!DOCTYPE html><html style="height: 6523790304542em; width: 6207636626031em; box-sizing: border-box; border-style: dotted; -moz-column-width: 20px;"></html>

Просмотреть файл

@ -27,7 +27,7 @@
.column {
width: 73%;
padding: 20px 60px 20px 40px;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: rgb(0, 95, 255);
}

Просмотреть файл

@ -994,7 +994,7 @@ GetIntrinsicSizeFor(nsIFrame* aFrame, nsSize& aIntrinsicSize, nsIAtom* aFrameTyp
/**
* aInsideBoxSizing returns the part of the horizontal padding, border,
* and margin that goes inside the edge given by -moz-box-sizing;
* and margin that goes inside the edge given by box-sizing;
* aOutsideBoxSizing returns the rest.
*/
void
@ -2263,7 +2263,7 @@ nsCSSOffsetState::InitOffsets(nscoord aHorizontalPercentBasis,
// border-collapsed tables don't use any of their padding, and
// only part of their border. We need to do this here before we
// try to do anything like handling 'auto' widths,
// '-moz-box-sizing', or 'auto' margins.
// 'box-sizing', or 'auto' margins.
ComputedPhysicalPadding().SizeTo(0,0,0,0);
ComputedPhysicalBorderPadding() = tableFrame->GetIncludedOuterBCBorder();
}

Просмотреть файл

@ -5,7 +5,7 @@
span {
display: inline-block;
margin: 10px;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 24px;
border-style: solid;
border-color: transparent;

Просмотреть файл

@ -5,7 +5,7 @@
span {
display: inline-block;
margin: 10px;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 24px;
border-style: solid;
border-color: transparent;

Просмотреть файл

@ -5,7 +5,7 @@
span {
display: inline-block;
margin: 5px;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 13px;
border-style: solid;
border-color: transparent;

Просмотреть файл

@ -5,7 +5,7 @@
span {
display: inline-block;
margin: 5px;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 13px;
border-style: solid;
border-color: transparent;

Просмотреть файл

@ -1,8 +1,7 @@
<html>
<head>
<style>
div { -moz-box-sizing: border-box;
box-sizing: border-box;
div { box-sizing: border-box;
width: 60px;
height: 20px;
border: 2px solid black;

Просмотреть файл

@ -1,8 +1,7 @@
<html>
<head>
<style>
div { -moz-box-sizing: border-box;
box-sizing: border-box;
div { box-sizing: border-box;
width: 60px;
height: 20px;
border: 2px solid black;

Просмотреть файл

@ -4,7 +4,7 @@
<style>
body { margin: 0 }
div {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 180px;
height: 180px;
border: 30px double black;

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-box-sizing</title>
<title>test of box-sizing</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -35,7 +35,7 @@
<td id="bscontent"><div>
<!-- -moz-box-sizing: content-box -->
<!-- box-sizing: content-box -->
<div style="width: 37px">A B</div>
<div style="width: auto">A B</div>
<div style="width: auto">A<br>B</div>
@ -47,7 +47,7 @@
</div></td>
<td id="bspadding"><div>
<!-- -moz-box-sizing: padding-box -->
<!-- box-sizing: padding-box -->
<div style="width: 37px">A B</div>
<div style="width: auto">A B</div>
<div style="width: auto">A<br>B</div>
@ -59,7 +59,7 @@
</div></td>
<td id="bsborder"><div>
<!-- -moz-box-sizing: border-box -->
<!-- box-sizing: border-box -->
<div style="width: 37px">A B</div>
<div style="width: auto">A B</div>
<div style="width: auto">A<br>B</div>

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-box-sizing</title>
<title>test of box-sizing</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -12,9 +12,9 @@
td > div { width: 100px; }
td#bscontent > div > div { -moz-box-sizing: content-box; }
td#bspadding > div > div { -moz-box-sizing: padding-box; }
td#bsborder > div > div { -moz-box-sizing: border-box; }
td#bscontent > div > div { box-sizing: content-box; }
td#bspadding > div > div { box-sizing: padding-box; }
td#bsborder > div > div { box-sizing: border-box; }
td > div > div {
margin-left: 1px;
@ -36,7 +36,7 @@
<td id="bscontent"><div>
<!-- -moz-box-sizing: content-box -->
<!-- box-sizing: content-box -->
<div style="width: auto">A B</div>
<div style="width: -moz-max-content">A B</div>
<div style="width: -moz-min-content">A B</div>
@ -48,7 +48,7 @@
</div></td>
<td id="bspadding"><div>
<!-- -moz-box-sizing: padding-box -->
<!-- box-sizing: padding-box -->
<div style="width: auto">A B</div>
<div style="width: -moz-max-content">A B</div>
<div style="width: -moz-min-content">A B</div>
@ -60,7 +60,7 @@
</div></td>
<td id="bsborder"><div>
<!-- -moz-box-sizing: border-box -->
<!-- box-sizing: border-box -->
<div style="width: auto">A B</div>
<div style="width: -moz-max-content">A B</div>
<div style="width: -moz-min-content">A B</div>

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-box-sizing</title>
<title>test of box-sizing</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -29,7 +29,7 @@
<td id="bscontent">
<!-- -moz-box-sizing: content-box -->
<!-- box-sizing: content-box -->
<table><tr><td><div>A B</div></td></tr></table>
<table><tr><td><div>A B</div></td></tr></table>
<table><tr><td><div>A<br>B</div></td></tr></table>
@ -40,7 +40,7 @@
</td>
<td id="bspadding">
<!-- -moz-box-sizing: padding-box -->
<!-- box-sizing: padding-box -->
<table><tr><td><div>A B</div></td></tr></table>
<table><tr><td><div>A B</div></td></tr></table>
<table><tr><td><div>A<br>B</div></td></tr></table>
@ -51,7 +51,7 @@
</td>
<td id="bsborder">
<!-- -moz-box-sizing: border-box -->
<!-- box-sizing: border-box -->
<table><tr><td><div>A B</div></td></tr></table>
<table><tr><td><div>A B</div></td></tr></table>
<table><tr><td><div>A<br>B</div></td></tr></table>

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-box-sizing</title>
<title>test of box-sizing</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -10,9 +10,9 @@
table { border-spacing: 0; margin: 0; }
td { border: 1px solid; padding: 1px solid; }
td#bscontent td > div { -moz-box-sizing: content-box; }
td#bspadding td > div { -moz-box-sizing: padding-box; }
td#bsborder td > div { -moz-box-sizing: border-box; }
td#bscontent td > div { box-sizing: content-box; }
td#bspadding td > div { box-sizing: padding-box; }
td#bsborder td > div { box-sizing: border-box; }
td td > div {
margin-left: 1px;
@ -33,7 +33,7 @@
<td id="bscontent">
<!-- -moz-box-sizing: content-box -->
<!-- box-sizing: content-box -->
<table><tr><td><div style="width: auto">A B</div></td></tr></table>
<table><tr><td><div style="width: -moz-max-content">A B</div></td></tr></table>
<table><tr><td><div style="width: -moz-min-content">A B</div></td></tr></table>
@ -44,7 +44,7 @@
</td>
<td id="bspadding">
<!-- -moz-box-sizing: padding-box -->
<!-- box-sizing: padding-box -->
<table><tr><td><div style="width: auto">A B</div></td></tr></table>
<table><tr><td><div style="width: -moz-max-content">A B</div></td></tr></table>
<table><tr><td><div style="width: -moz-min-content">A B</div></td></tr></table>
@ -55,7 +55,7 @@
</td>
<td id="bsborder">
<!-- -moz-box-sizing: border-box -->
<!-- box-sizing: border-box -->
<table><tr><td><div style="width: auto">A B</div></td></tr></table>
<table><tr><td><div style="width: -moz-max-content">A B</div></td></tr></table>
<table><tr><td><div style="width: -moz-min-content">A B</div></td></tr></table>

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-box-sizing</title>
<title>test of box-sizing</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -12,9 +12,9 @@
td > div { width: 100px; }
td#bscontent > div > div { -moz-box-sizing: content-box; }
td#bspadding > div > div { -moz-box-sizing: padding-box; }
td#bsborder > div > div { -moz-box-sizing: border-box; }
td#bscontent > div > div { box-sizing: content-box; }
td#bspadding > div > div { box-sizing: padding-box; }
td#bsborder > div > div { box-sizing: border-box; }
td > div > div {
margin-left: 1%;
@ -36,7 +36,7 @@
<td id="bscontent"><div>
<!-- -moz-box-sizing: content-box -->
<!-- box-sizing: content-box -->
<div style="width: auto">A B</div>
<div style="width: -moz-max-content">A B</div>
<div style="width: -moz-min-content">A B</div>
@ -48,7 +48,7 @@
</div></td>
<td id="bspadding"><div>
<!-- -moz-box-sizing: padding-box -->
<!-- box-sizing: padding-box -->
<div style="width: auto">A B</div>
<div style="width: -moz-max-content">A B</div>
<div style="width: -moz-min-content">A B</div>
@ -60,7 +60,7 @@
</div></td>
<td id="bsborder"><div>
<!-- -moz-box-sizing: border-box -->
<!-- box-sizing: border-box -->
<div style="width: auto">A B</div>
<div style="width: -moz-max-content">A B</div>
<div style="width: -moz-min-content">A B</div>

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-box-sizing</title>
<title>test of box-sizing</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -37,7 +37,7 @@
<td id="bscontent"><div>
<!-- -moz-box-sizing: content-box -->
<!-- box-sizing: content-box -->
<div>A B</div>
<div>A B</div>
<div>A<br>B</div>
@ -49,7 +49,7 @@
</div></td>
<td id="bspadding"><div>
<!-- -moz-box-sizing: padding-box -->
<!-- box-sizing: padding-box -->
<div>A B</div>
<div>A B</div>
<div>A<br>B</div>
@ -61,7 +61,7 @@
</div></td>
<td id="bsborder"><div>
<!-- -moz-box-sizing: border-box -->
<!-- box-sizing: border-box -->
<div>A B</div>
<div>A B</div>
<div>A<br>B</div>

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-box-sizing</title>
<title>test of box-sizing</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
@ -13,9 +13,9 @@
td > div { width: 100px; height: 350px;
direction: rtl; position: relative; }
td#bscontent > div > div { -moz-box-sizing: content-box; }
td#bspadding > div > div { -moz-box-sizing: padding-box; }
td#bsborder > div > div { -moz-box-sizing: border-box; }
td#bscontent > div > div { box-sizing: content-box; }
td#bspadding > div > div { box-sizing: padding-box; }
td#bsborder > div > div { box-sizing: border-box; }
td > div > div {
margin-left: 1px;
@ -48,7 +48,7 @@
<td id="bscontent"><div>
<!-- -moz-box-sizing: content-box -->
<!-- box-sizing: content-box -->
<div style="width: auto">A B</div>
<div style="width: -moz-max-content">A B</div>
<div style="width: -moz-min-content">A B</div>
@ -60,7 +60,7 @@
</div></td>
<td id="bspadding"><div>
<!-- -moz-box-sizing: padding-box -->
<!-- box-sizing: padding-box -->
<div style="width: auto">A B</div>
<div style="width: -moz-max-content">A B</div>
<div style="width: -moz-min-content">A B</div>
@ -72,7 +72,7 @@
</div></td>
<td id="bsborder"><div>
<!-- -moz-box-sizing: border-box -->
<!-- box-sizing: border-box -->
<div style="width: auto">A B</div>
<div style="width: -moz-max-content">A B</div>
<div style="width: -moz-min-content">A B</div>

Просмотреть файл

@ -18,7 +18,6 @@
.box {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.test1 {

Просмотреть файл

@ -18,7 +18,6 @@
.box {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.test1 {

Просмотреть файл

@ -18,13 +18,11 @@ hbox {
background:lime;
box-sizing:content-box;
-moz-box-sizing:content-box;
}
.cb {
background:pink;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
.pb {

Просмотреть файл

@ -17,19 +17,16 @@ hbox {
padding-bottom:4px;
height:auto;
box-sizing:border-box;
-moz-box-sizing:border-box;
background:lime;
}
.cb {
box-sizing:content-box;
-moz-box-sizing:content-box;
background:pink;
}
.pb {
box-sizing:padding-box;
-moz-box-sizing:padding-box;
background:cyan;
}

Просмотреть файл

@ -25,9 +25,9 @@
div.v3 { width: -moz-fit-content; }
div.v4 { width: -moz-available; }
div.s1 { -moz-box-sizing: content; }
div.s2 { -moz-box-sizing: padding; }
div.s3 { -moz-box-sizing: border; }
div.s1 { box-sizing: content; }
div.s2 { box-sizing: padding; }
div.s3 { box-sizing: border; }
</style>
</head>

Просмотреть файл

@ -27,9 +27,9 @@
div.v3 { width: -moz-fit-content; }
div.v4 { width: -moz-available; }
div.s1 { -moz-box-sizing: content; }
div.s2 { -moz-box-sizing: padding; }
div.s3 { -moz-box-sizing: border; }
div.s1 { box-sizing: content; }
div.s2 { box-sizing: padding; }
div.s3 { box-sizing: border; }
</style>
</head>

Просмотреть файл

@ -14,7 +14,7 @@
padding-right: 8px;
border-right: 16px solid;
margin-right: 32px;
-moz-box-sizing: content;
box-sizing: content;
margin-bottom: 1px;
}

Просмотреть файл

@ -22,9 +22,9 @@
img.v3 { width: -moz-fit-content; }
img.v4 { width: -moz-available; }
img.s1 { -moz-box-sizing: content; }
img.s2 { -moz-box-sizing: padding; }
img.s3 { -moz-box-sizing: border; }
img.s1 { box-sizing: content; }
img.s2 { box-sizing: padding; }
img.s3 { box-sizing: border; }
</style>
</head>

Просмотреть файл

@ -13,7 +13,7 @@
padding-right: 8px;
border-right: 16px solid;
margin-right: 32px;
-moz-box-sizing: content;
box-sizing: content;
margin-bottom: 1px;
}

Просмотреть файл

@ -21,9 +21,9 @@
img.v3 { width: -moz-fit-content; }
img.v4 { width: -moz-available; }
img.s1 { -moz-box-sizing: content; }
img.s2 { -moz-box-sizing: padding; }
img.s3 { -moz-box-sizing: border; }
img.s1 { box-sizing: content; }
img.s2 { box-sizing: padding; }
img.s3 { box-sizing: border; }
</style>
</head>

Просмотреть файл

@ -18,41 +18,41 @@ button,span,fieldset { background-color: #0F0; }
<p><span>No Blur Radius</span>
<p><span>No Blur Radius</span>
<p><span style="-moz-box-sizing:border-box; ">No Blur Radius</span>
<p><span style="box-sizing:border-box;">No Blur Radius</span>
<p><span>No Blur Radius</span>
<p><span>No Blur Radius</span>
<p><span>2px Blur Radius</span>
<p><span>2px Blur Radius</span>
<p><span style="-moz-box-sizing:border-box; ">2px Blur Radius</span>
<p><span style="box-sizing:border-box;">2px Blur Radius</span>
<p><span>2px Blur Radius</span>
<p><span>2px Blur Radius</span>
<p><fieldset>No Blur Radius</fieldset>
<p><fieldset><legend>No</legend> Blur Radius</fieldset>
<p><fieldset>No Blur Radius</fieldset>
<p><fieldset style="-moz-box-sizing:border-box; ">No Blur Radius</fieldset>
<p><fieldset style="box-sizing:border-box;">No Blur Radius</fieldset>
<p><fieldset>No Blur Radius</fieldset>
<p><fieldset>No Blur Radius</fieldset>
<p><fieldset>2px Blur Radius</fieldset>
<p><fieldset><legend>2px</legend> Blur Radius</fieldset>
<p><fieldset>2px Blur Radius</fieldset>
<p><fieldset style="-moz-box-sizing:border-box; ">2px Blur Radius</fieldset>
<p><fieldset style="box-sizing:border-box;">2px Blur Radius</fieldset>
<p><fieldset>2px Blur Radius</fieldset>
<p><fieldset>2px Blur Radius</fieldset>
<p><fieldset style="display:inline;">No Blur Radius</fieldset>
<p><fieldset style="display:inline;"><legend>No</legend> Blur Radius</fieldset>
<p><fieldset style="display:inline;">No Blur Radius</fieldset>
<p><fieldset style="display:inline; -moz-box-sizing:border-box; ">No Blur Radius</fieldset>
<p><fieldset style="display:inline; box-sizing:border-box;">No Blur Radius</fieldset>
<p><fieldset style="display:inline;">No Blur Radius</fieldset>
<p><fieldset style="display:inline;">No Blur Radius</fieldset>
<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;"><legend>2px</legend> Blur Radius</fieldset>
<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline; -moz-box-sizing:border-box; ">2px Blur Radius</fieldset>
<p><fieldset style="display:inline; box-sizing:border-box;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;">2px Blur Radius</fieldset>

Просмотреть файл

@ -18,41 +18,41 @@ button,span,fieldset { background-color: #0F0; }
<p><span style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</span>
<p><span style="box-shadow: inset 20px 10px 0 #0F0;">No Blur Radius</span>
<p><span style="-moz-box-sizing:border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</span>
<p><span style="box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</span>
<p><span style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</span>
<p><span style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</span>
<p><span style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</span>
<p><span style="box-shadow: inset 20px 10px 2px #0F0;">2px Blur Radius</span>
<p><span style="-moz-box-sizing:border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</span>
<p><span style="box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</span>
<p><span style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</span>
<p><span style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</span>
<p><fieldset style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset -20px 10px 0 #0F0;"><legend>No</legend> Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset 20px 10px 0 #0F0;">No Blur Radius</fieldset>
<p><fieldset style="-moz-box-sizing:border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset -20px 10px 2px #0F0;"><legend>2px</legend> Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset 20px 10px 2px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="-moz-box-sizing:border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline; box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</fieldset>
<p><fieldset style="display:inline; box-shadow: inset -20px 10px 0 #0F0;"><legend>No</legend> Blur Radius</fieldset>
<p><fieldset style="display:inline; box-shadow: inset 20px 10px 0 #0F0;">No Blur Radius</fieldset>
<p><fieldset style="display:inline; -moz-box-sizing:border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="display:inline; box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="display:inline; box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="display:inline; box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="display:inline; box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline; box-shadow: inset -20px 10px 2px #0F0;"><legend>2px</legend> Blur Radius</fieldset>
<p><fieldset style="display:inline; box-shadow: inset 20px 10px 2px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline; -moz-box-sizing:border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline; box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline; box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline; box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</fieldset>

Просмотреть файл

@ -20,13 +20,13 @@ button,span,fieldset { border-radius: 7px 3px; background-color: #0F0; }
<!-- XXX TODO: SPAN does not work due to differences in anti-aliasing with the test
<p><span>No Blur Radius</span>
<p><span>No Blur Radius</span>
<p><span style="-moz-box-sizing:border-box; ">No Blur Radius</span>
<p><span style="box-sizing:border-box;">No Blur Radius</span>
<p><span>No Blur Radius</span>
<p><span>No Blur Radius</span>
<p><span>2px Blur Radius</span>
<p><span>2px Blur Radius</span>
<p><span style="-moz-box-sizing:border-box; ">2px Blur Radius</span>
<p><span style="box-sizing:border-box;">2px Blur Radius</span>
<p><span>2px Blur Radius</span>
<p><span>2px Blur Radius</span>
-->
@ -34,28 +34,28 @@ button,span,fieldset { border-radius: 7px 3px; background-color: #0F0; }
<p><fieldset>No Blur Radius</fieldset>
<p><fieldset><legend>No</legend> Blur Radius</fieldset>
<p><fieldset>No Blur Radius</fieldset>
<p><fieldset style="-moz-box-sizing:border-box; ">No Blur Radius</fieldset>
<p><fieldset style="box-sizing:border-box;">No Blur Radius</fieldset>
<p><fieldset>No Blur Radius</fieldset>
<p><fieldset>No Blur Radius</fieldset>
<p><fieldset>2px Blur Radius</fieldset>
<p><fieldset><legend>2px</legend> Blur Radius</fieldset>
<p><fieldset>2px Blur Radius</fieldset>
<p><fieldset style="-moz-box-sizing:border-box; ">2px Blur Radius</fieldset>
<p><fieldset style="box-sizing:border-box;">2px Blur Radius</fieldset>
<p><fieldset>2px Blur Radius</fieldset>
<p><fieldset>2px Blur Radius</fieldset>
<p><fieldset style="display:inline;">No Blur Radius</fieldset>
<p><fieldset style="display:inline;"><legend>No</legend> Blur Radius</fieldset>
<p><fieldset style="display:inline;">No Blur Radius</fieldset>
<p><fieldset style="display:inline; -moz-box-sizing:border-box; ">No Blur Radius</fieldset>
<p><fieldset style="display:inline; box-sizing:border-box;">No Blur Radius</fieldset>
<p><fieldset style="display:inline;">No Blur Radius</fieldset>
<p><fieldset style="display:inline;">No Blur Radius</fieldset>
<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;"><legend>2px</legend> Blur Radius</fieldset>
<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline; -moz-box-sizing:border-box; ">2px Blur Radius</fieldset>
<p><fieldset style="display:inline; box-sizing:border-box;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;">2px Blur Radius</fieldset>

Просмотреть файл

@ -20,13 +20,13 @@ button,span,fieldset { border-radius: 7px 3px; background-color: #0F0; }
<!-- XXX TODO: SPAN does not work due to differences in anti-aliasing with the reference
<p><span style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</span>
<p><span style="box-shadow: inset 20px 10px 0 #0F0;">No Blur Radius</span>
<p><span style="-moz-box-sizing:border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</span>
<p><span style="box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</span>
<p><span style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</span>
<p><span style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</span>
<p><span style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</span>
<p><span style="box-shadow: inset 20px 10px 2px #0F0;">2px Blur Radius</span>
<p><span style="-moz-box-sizing:border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</span>
<p><span style="box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</span>
<p><span style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</span>
<p><span style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</span>
-->
@ -34,28 +34,28 @@ button,span,fieldset { border-radius: 7px 3px; background-color: #0F0; }
<p><fieldset style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset -20px 10px 0 #0F0;"><legend>No</legend> Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset 20px 10px 0 #0F0;">No Blur Radius</fieldset>
<p><fieldset style="-moz-box-sizing:border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset -20px 10px 2px #0F0;"><legend>2px</legend> Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset 20px 10px 2px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="-moz-box-sizing:border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</fieldset>
<p><fieldset style="display:inline;box-shadow: inset -20px 10px 0 #0F0;"><legend>No</legend> Blur Radius</fieldset>
<p><fieldset style="display:inline;box-shadow: inset 20px 10px 0 #0F0;">No Blur Radius</fieldset>
<p><fieldset style="display:inline;-moz-box-sizing:border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="display:inline;box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="display:inline;box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="display:inline;box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</fieldset>
<p><fieldset style="display:inline;box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;box-shadow: inset -20px 10px 2px #0F0;"><legend>2px</legend> Blur Radius</fieldset>
<p><fieldset style="display:inline;box-shadow: inset 20px 10px 2px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;-moz-box-sizing:border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</fieldset>

Просмотреть файл

@ -6,13 +6,13 @@
#borderBox {
background:gold;
height:100px;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#paddingBox {
background:gold;
height:100px;
-moz-box-sizing:padding-box;
box-sizing:padding-box;
}
</style>

Просмотреть файл

@ -6,14 +6,14 @@
#borderBox {
background:gold;
height:100px;
-moz-box-sizing:border-box;
box-sizing:border-box;
border: 20px solid gold;
}
#paddingBox {
background:gold;
height:100px;
-moz-box-sizing:padding-box;
box-sizing:padding-box;
padding: 20px;
}

Просмотреть файл

@ -4,7 +4,6 @@
<img src="lime100x100.png"
style="height: 200px; display: block; visibility: hidden;
padding: 30px;
-moz-box-sizing: padding-box;
box-sizing: padding-box;">
</div>
</body>

Просмотреть файл

@ -4,7 +4,6 @@
<img src="lime100x100.png"
style="height: 200px; display: block; visibility: hidden;
padding: 15% 30px;
-moz-box-sizing: padding-box;
box-sizing: padding-box;">
</div>
</body>

Просмотреть файл

@ -4,7 +4,6 @@
<img src="lime100x100.png"
style="height: 200px; display: block; visibility: hidden;
padding: 30px; border: 20px solid;
-moz-box-sizing: border-box;
box-sizing: border-box;">
</div>
</body>

Просмотреть файл

@ -4,7 +4,6 @@
<img src="lime100x100.png"
style="height: 200px; display: block; visibility: hidden;
padding: calc(15%) 30px;
-moz-box-sizing: padding-box;
box-sizing: padding-box;">
</div>
</body>

Просмотреть файл

@ -4,7 +4,6 @@
<img src="lime100x100.png"
style="height: 200px; display: block; visibility: hidden;
padding: calc(10% + 10px) 30px;
-moz-box-sizing: padding-box;
box-sizing: padding-box;">
</div>
</body>

Просмотреть файл

@ -4,7 +4,6 @@
<img src="lime100x100.png"
style="height: 200px; display: block; visibility: hidden;
padding: calc(30px);
-moz-box-sizing: padding-box;
box-sizing: padding-box;">
</div>
</body>

Просмотреть файл

@ -4,6 +4,6 @@
<title>Bug 130767 Reference</title>
</head>
<body style="padding: 2%">
<table style="background-color: blue; height: 3em; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;"><tr><td>&nbsp;</td></tr></table>
<table style="background-color: blue; height: 3em; box-sizing: border-box; width: 100%;"><tr><td>&nbsp;</td></tr></table>
</body>
</html>

Просмотреть файл

@ -2,7 +2,7 @@
<html>
<head>
<style>
select { width: 100%; -moz-box-sizing: border-box }
select { width: 100%; box-sizing: border-box }
</style>
</head>
<body>

Просмотреть файл

@ -2,7 +2,7 @@
<html>
<head>
<style>
select { width: 100%; -moz-box-sizing: border-box }
select { width: 100%; box-sizing: border-box }
* { -moz-appearance: none; }
</style>
</head>

Просмотреть файл

@ -15,7 +15,7 @@
position: absolute;
top: 0; left: 0;
margin: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100pt;
height: 72pt;
background: white;

Просмотреть файл

@ -10,7 +10,7 @@ td, th {
background-color: lime;
width:100px;
height:100px;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
td {
border-top: 4px solid lime;

Просмотреть файл

@ -11,7 +11,7 @@ td, th {
width:100px;
height:100px;
border:4px solid lime;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
td {
border-top:hidden;

Просмотреть файл

@ -10,8 +10,6 @@ textarea {
min-height: 50px;
border: 1px solid #aaa;
padding: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
</style>

Просмотреть файл

@ -10,8 +10,6 @@ textarea {
max-height: 50px;
border: 1px solid #aaa;
padding: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
</style>

Просмотреть файл

@ -10,8 +10,6 @@ textarea {
min-width: 50px;
border: 1px solid #aaa;
padding: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
</style>

Просмотреть файл

@ -10,8 +10,6 @@ textarea {
max-width: 50px;
border: 1px solid #aaa;
padding: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
</style>

Просмотреть файл

@ -31,10 +31,10 @@
width:36px;
}
.bb * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cb * {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
td {
max-width:14px;

Просмотреть файл

@ -31,10 +31,10 @@
width:36px;
}
.bb * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cb * {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
td {
max-width:14px;

Просмотреть файл

@ -11,7 +11,6 @@
}
.table > * {
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
height: 30px;

Просмотреть файл

@ -11,7 +11,6 @@
}
.table > * {
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
height: 30px;

Просмотреть файл

@ -6,7 +6,7 @@
display: inline-block;
width: 3em;
text-align: end;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.def span { -moz-padding-end: 0.5em; }
.fix span { -moz-padding-end: 1em; }

Просмотреть файл

@ -34,7 +34,7 @@
padding: 0;
height: 50px;
width: 20px;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.lime { background: lime; }

Просмотреть файл

@ -14,7 +14,7 @@
width: 110px;
height: 30px;
border: 5px solid black;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.itemA {
flex: 1 28px;

Просмотреть файл

@ -15,7 +15,7 @@
width: 30px;
height: 110px;
border: 5px solid black;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.itemA {
flex: 1 28px;

Просмотреть файл

@ -18,7 +18,7 @@
margin: 2px;
}
.container > * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.itemA {
width: 30px;

Просмотреть файл

@ -18,7 +18,7 @@
margin: 2px;
}
.container > * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.itemA {
flex-basis: 30px;

Просмотреть файл

@ -19,7 +19,7 @@
margin: 2px;
}
.container > * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.itemA {
height: 30px;

Просмотреть файл

@ -19,7 +19,7 @@
margin: 2px;
}
.container > * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.itemA {
flex-basis: 30px;

Просмотреть файл

@ -5,7 +5,6 @@
padding: 23px;
border: 1px solid black;
box-sizing: border-box;
-moz-box-sizing: border-box;
overflow: hidden;
}
</style>

Просмотреть файл

@ -5,7 +5,6 @@
padding: 23px;
border: 1px solid black;
box-sizing: border-box;
-moz-box-sizing: border-box;
overflow: hidden;
}
</style>

Просмотреть файл

@ -4,7 +4,7 @@ div.input-color-swatch {
height: 100%;
min-width: 3px;
min-height: 3px;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid grey;
display: block;
background-color:#000000; /* default color for input type color */

Просмотреть файл

@ -5,7 +5,6 @@
padding: 23px;
border: 1px solid black;
box-sizing: border-box;
-moz-box-sizing: border-box;
overflow: hidden;
}
</style>

Просмотреть файл

@ -5,7 +5,6 @@
padding: 23px;
border: 1px solid black;
box-sizing: border-box;
-moz-box-sizing: border-box;
overflow: hidden;
}
</style>

Просмотреть файл

@ -5,7 +5,6 @@
padding: 23px;
border: 1px solid black;
box-sizing: border-box;
-moz-box-sizing: border-box;
overflow: hidden;
}
</style>

Просмотреть файл

@ -5,7 +5,6 @@
padding: 23px;
border: 1px solid black;
box-sizing: border-box;
-moz-box-sizing: border-box;
overflow: hidden;
}
</style>

Просмотреть файл

@ -28,7 +28,7 @@ div.progress-bar {
* width: 100%;
*/
-moz-box-sizing: border-box;
box-sizing: border-box;
/* Default style in case of there is -moz-appearance: none; */
background-color: #0064b4;

Просмотреть файл

@ -17,7 +17,7 @@ table
td
{
-moz-box-sizing: border-box;
box-sizing: border-box;
border: solid 1px black;
}
</style>

Просмотреть файл

@ -26,7 +26,7 @@
.face.back {
display: block;
-moz-transform: rotateY(180deg);
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
color: white;
text-align: center;

Просмотреть файл

@ -26,7 +26,7 @@
.face.back {
display: block;
-moz-transform: rotateY(180deg);
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
color: white;
text-align: center;

Просмотреть файл

@ -196,7 +196,7 @@ select {
word-wrap: normal !important;
text-align: start;
cursor: default;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-user-select: none;
-moz-appearance: menulist;
border-width: 2px;
@ -245,7 +245,7 @@ select > button {
/* Make sure to size correctly if the combobox has a non-auto height. */
height: 100% ! important;
-moz-box-sizing: border-box ! important;
box-sizing: border-box ! important;
/*
Make sure to align properly with the display frame. Note that we
@ -277,7 +277,7 @@ select:empty {
-moz-user-select: none;
/* Make sure to size correctly if the combobox has a non-auto height. */
height: 100% ! important;
-moz-box-sizing: border-box ! important;
box-sizing: border-box ! important;
}
option {
@ -457,7 +457,7 @@ input[type="color"]:-moz-system-metric(color-picker-available)::-moz-color-swatc
min-height: 3px;
margin-left: auto;
margin-right: auto;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid grey;
display: block;
}
@ -493,7 +493,7 @@ input[type="checkbox"] {
(Should we maybe set !important on width and height, then?) */
input[type="radio"],
input[type="checkbox"] {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 13px;
height: 13px;
cursor: default;
@ -552,7 +552,7 @@ input[type="submit"] {
border: 2px outset ButtonFace;
background-color: ButtonFace;
cursor: default;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-user-select: none;
-moz-binding: none;
}
@ -741,7 +741,7 @@ progress {
float: none ! important;
position: static ! important;
overflow: visible ! important;
-moz-box-sizing: border-box ! important;
box-sizing: border-box ! important;
-moz-appearance: progresschunk;
height: 100%;

Просмотреть файл

@ -247,7 +247,7 @@ table {
margin-top: 0;
margin-bottom: 0;
/* XXXldb do we want this if we're border-collapse:collapse ? */
-moz-box-sizing: border-box;
box-sizing: border-box;
text-indent: 0;
}
@ -604,7 +604,7 @@ hr {
margin: 0.5em auto 0.5em auto;
color: gray;
-moz-float-edge: margin-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
hr[size="1"] {
@ -730,7 +730,7 @@ video > .caption-box {
position: relative;
overflow: hidden;
padding: 1.5%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* emulation of non-standard HTML <marquee> tag */

Просмотреть файл

@ -219,7 +219,7 @@ img[align=right] {
/* Note that all other <input>s already use border-box
sizing, so we're ok with this selector */
input:not([type=image]), textarea {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Quirk: give form margin for compat (b=41806) */

Просмотреть файл

@ -16,12 +16,12 @@
*|*::-moz-table {
display: table !important;
-moz-box-sizing: border-box; /* XXX do we really want this? */
box-sizing: border-box; /* XXX do we really want this? */
}
*|*::-moz-inline-table {
display: inline-table !important;
-moz-box-sizing: border-box; /* XXX do we really want this? */
box-sizing: border-box; /* XXX do we really want this? */
}
*|*::-moz-table-outer {
@ -248,7 +248,7 @@
max-width: none !important;
min-height: 0 !important;
max-height: none !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
/* If there is a full-screen element that is not the root then

Просмотреть файл

@ -17,12 +17,12 @@ div div { background: blue; display: inline; float: left; }
src="image4x3.png" style="width: 20px; height: 15px;"/><html:img
src="image4x3.png" style="width: 20px; height: 15px;"/><html:img
src="image4x3.png" style="width: 40px; height: 30px; border: 8px solid green;"/><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 80px; height: 64px; border: 8px solid yellow;"/><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 72px; height: 58px; border: 8px solid green;"/><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 24px; height: 22px; border: 8px solid yellow;"/><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 24px; height: 22px; border: 8px solid green;"/><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 74px; height: 53px; border: solid yellow; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 4px; border-left-width: 8px;"/><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 18px; height: 11px; border: solid green; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 4px; border-left-width: 8px;"/>
src="image4x3.png" style="box-sizing: border-box; width: 80px; height: 64px; border: 8px solid yellow;"/><html:img
src="image4x3.png" style="box-sizing: border-box; width: 72px; height: 58px; border: 8px solid green;"/><html:img
src="image4x3.png" style="box-sizing: border-box; width: 24px; height: 22px; border: 8px solid yellow;"/><html:img
src="image4x3.png" style="box-sizing: border-box; width: 24px; height: 22px; border: 8px solid green;"/><html:img
src="image4x3.png" style="box-sizing: border-box; width: 74px; height: 53px; border: solid yellow; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 4px; border-left-width: 8px;"/><html:img
src="image4x3.png" style="box-sizing: border-box; width: 18px; height: 11px; border: solid green; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 4px; border-left-width: 8px;"/>
</html:div>
<html:div><html:img
@ -35,12 +35,12 @@ div div { background: blue; display: inline; float: left; }
src="image4x3.png" style="width: 20px; height: 15px;"/><html:img
src="image4x3.png" style="width: 60px; height: 25px;"/><html:img
src="image4x3.png" style="width: 20px; height: 75px;"/><html:img
src="image4x3.png" style="width: 80px; height: 64px; padding: 8px; -moz-box-sizing: border-box;"/><html:img
src="image4x3.png" style="width: 72px; height: 58px; padding: 8px; -moz-box-sizing: border-box;"/><html:img
src="image4x3.png" style="width: 24px; height: 22px; padding: 8px; -moz-box-sizing: border-box;"/><html:img
src="image4x3.png" style="width: 24px; height: 22px; padding: 8px; -moz-box-sizing: border-box;"/><html:img
src="image4x3.png" style="width: 67px; height: 60px; padding: 4px 2px 8px 1px; -moz-box-sizing: border-box;"/><html:img
src="image4x3.png" style="width: 11px; height: 18px; padding: 4px 2px 8px 1px; -moz-box-sizing: border-box;"/>
src="image4x3.png" style="width: 80px; height: 64px; padding: 8px; box-sizing: border-box;"/><html:img
src="image4x3.png" style="width: 72px; height: 58px; padding: 8px; box-sizing: border-box;"/><html:img
src="image4x3.png" style="width: 24px; height: 22px; padding: 8px; box-sizing: border-box;"/><html:img
src="image4x3.png" style="width: 24px; height: 22px; padding: 8px; box-sizing: border-box;"/><html:img
src="image4x3.png" style="width: 67px; height: 60px; padding: 4px 2px 8px 1px; box-sizing: border-box;"/><html:img
src="image4x3.png" style="width: 11px; height: 18px; padding: 4px 2px 8px 1px; box-sizing: border-box;"/>
</html:div>
<html:div><html:img
@ -68,32 +68,32 @@ div div { background: blue; display: inline; float: left; }
</html:div>
<html:div><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 24px; height: 22px; border: 8px solid green;"/>
src="image4x3.png" style="box-sizing: border-box; width: 24px; height: 22px; border: 8px solid green;"/>
</html:div>
<html:div><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 24px; height: 22px; border: 8px solid green;"/>
src="image4x3.png" style="box-sizing: border-box; width: 24px; height: 22px; border: 8px solid green;"/>
</html:div>
<html:div><html:img
src="image4x3.png" style="width: 40px; height: 30px;"/><html:img
src="image4x3.png" style="width: 40px; height: 30px;"/><html:img
src="image4x3.png" style="width: 40px; height: 30px;"/><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 60px; height: 49px; border: 8px solid green;"/><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 112px; height: 88px; border: 8px solid yellow;"/><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 96px; height: 76px; border: 8px solid green;"/><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 112px; height: 88px; border: 8px solid yellow;"/><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 106px; height: 77px; border: solid yellow; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 4px; border-left-width: 8px;"/>
src="image4x3.png" style="box-sizing: border-box; width: 60px; height: 49px; border: 8px solid green;"/><html:img
src="image4x3.png" style="box-sizing: border-box; width: 112px; height: 88px; border: 8px solid yellow;"/><html:img
src="image4x3.png" style="box-sizing: border-box; width: 96px; height: 76px; border: 8px solid green;"/><html:img
src="image4x3.png" style="box-sizing: border-box; width: 112px; height: 88px; border: 8px solid yellow;"/><html:img
src="image4x3.png" style="box-sizing: border-box; width: 106px; height: 77px; border: solid yellow; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 4px; border-left-width: 8px;"/>
</html:div>
<html:div><html:img
src="image4x3.png" style="width: 60px; height: 45px;"/><html:img
src="image4x3.png" style="width: 120px; height: 90px;"/><html:img
src="image4x3.png" style="width 60px; height: 45px;"/><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 60px; height: 49px; padding: 8px;"/><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 112px; height: 88px; padding: 8px;"/><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 96px; height: 76px; padding: 8px;"/><html:img
src="image4x3.png" style="-moz-box-sizing: border-box; width: 112px; height: 88px; padding: 8px;"/>
src="image4x3.png" style="box-sizing: border-box; width: 60px; height: 49px; padding: 8px;"/><html:img
src="image4x3.png" style="box-sizing: border-box; width: 112px; height: 88px; padding: 8px;"/><html:img
src="image4x3.png" style="box-sizing: border-box; width: 96px; height: 76px; padding: 8px;"/><html:img
src="image4x3.png" style="box-sizing: border-box; width: 112px; height: 88px; padding: 8px;"/>
</html:div>
<html:div><html:div
@ -108,8 +108,8 @@ div div { background: blue; display: inline; float: left; }
<html:div><html:div style="width: 20px; height: 15px;"/></html:div>
<html:div><html:div style="-moz-box-sizing: border-box; width: 24px; height: 22px; border: 8px solid green;"/></html:div>
<html:div><html:div style="box-sizing: border-box; width: 24px; height: 22px; border: 8px solid green;"/></html:div>
<html:div><html:div style="-moz-box-sizing: border-box; width: 24px; height: 22px; border: 8px solid green;"/></html:div>
<html:div><html:div style="box-sizing: border-box; width: 24px; height: 22px; border: 8px solid green;"/></html:div>
</window>

Просмотреть файл

@ -10,7 +10,7 @@ https://bugzilla.mozilla.org/show_bug.cgi?id=563416
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=563416">Mozilla Bug 563416</a>
<p id="display"><iframe id="test" src='data:text/html,<textarea style="-moz-box-sizing:content-box; -moz-appearance:none; height: 0px; padding: 0px;" cols="20" rows="10">hsldkjvmshlkkajskdlfksdjflskdjflskdjflskdjflskdjfddddddddd</textarea>'></iframe></p>
<p id="display"><iframe id="test" src='data:text/html,<textarea style="box-sizing:content-box; -moz-appearance:none; height: 0px; padding: 0px;" cols="20" rows="10">hsldkjvmshlkkajskdlfksdjflskdjflskdjflskdjflskdjfddddddddd</textarea>'></iframe></p>
<div id="content" style="display: none">
</div>

Просмотреть файл

@ -29,7 +29,7 @@
height: 100%;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* Default style in case of there is -moz-appearance: none; */
background-color: #0064b4;