diff --git a/layout/generic/test/frame_selection_underline.css b/layout/generic/test/frame_selection_underline.css
index b64ead8814a0..b2237cc10349 100644
--- a/layout/generic/test/frame_selection_underline.css
+++ b/layout/generic/test/frame_selection_underline.css
@@ -34,7 +34,8 @@ body.reference div span#decoration {
 /* both ends of selection underlines for IME are clipped for making the
    boundaries of clauses in composition string clear.  These spacers will
    cover the ends in the reference. */
-span#leftspacer, span#rightspacer {
+span#leftspacer,
+span#rightspacer {
   background-color: white;
   position: absolute;
   width: 1px;
diff --git a/layout/mathml/mathml.css b/layout/mathml/mathml.css
index b8dc1f7fadcb..841bdac80167 100644
--- a/layout/mathml/mathml.css
+++ b/layout/mathml/mathml.css
@@ -2,7 +2,6 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-
 /**************************************************************************/
 /* namespace for MathML elements                                          */
 /**************************************************************************/
@@ -106,7 +105,8 @@ mtable[frame="dashed"] {
   border: dashed thin;
 }
 
-mtr, mlabeledtr {
+mtr,
+mlabeledtr {
   display: table-row;
   vertical-align: baseline;
 }
@@ -128,7 +128,7 @@ mtd {
 /* Hide the label because mlabeledtr is not supported yet (bug 356870). This
    rule can be overriden by users. */
 mlabeledtr > mtd:first-child {
-    display: none;
+  display: none;
 }
 
 /**********************************************************************/
@@ -137,10 +137,10 @@ mlabeledtr > mtd:first-child {
    will set the internal attributes depending on the cell's position.
    When they are set, the spacing behaviour is handled outside of CSS */
 mtd {
-  padding-right: 0.4em;  /* half of columnspacing[colindex] */
-  padding-left: 0.4em;   /* half of columnspacing[colindex-1] */
+  padding-right: 0.4em; /* half of columnspacing[colindex] */
+  padding-left: 0.4em; /* half of columnspacing[colindex-1] */
   padding-bottom: 0.5ex; /* half of rowspacing[rowindex] */
-  padding-top: 0.5ex;    /* half of rowspacing[rowindex-1] */
+  padding-top: 0.5ex; /* half of rowspacing[rowindex-1] */
 }
 /* turn off the spacing at the periphery of boundary cells */
 mtr:first-child > mtd {
@@ -204,15 +204,17 @@ mtable[framespacing] > mtr > mtd {
    insufficient to control when the scriptlevel should be incremented. All other
    cases can be described using regular CSS, so we do it this way because it's
    more efficient and less code. */
-:-moz-math-increment-script-level { math-depth: add(1); }
+:-moz-math-increment-script-level {
+  math-depth: add(1);
+}
 
 /*
    The mfrac element sets displaystyle to "false", or if it was already false
    increments scriptlevel by 1, within numerator and denominator.
 */
 mfrac > * {
-    math-depth: auto-add;
-    math-style: compact;
+  math-depth: auto-add;
+  math-style: compact;
 }
 
 /*
@@ -221,8 +223,8 @@ mfrac > * {
    The msqrt element leaves both attributes unchanged within its argument.
 */
 mroot > :not(:first-child) {
-    math-depth: add(2);
-    math-style: compact;
+  math-depth: add(2);
+  math-style: compact;
 }
 
 /*
@@ -245,8 +247,8 @@ msub > :not(:first-child),
 msup > :not(:first-child),
 msubsup > :not(:first-child),
 mmultiscripts > :not(:first-child) {
-    math-depth: add(1);
-    math-style: compact;
+  math-depth: add(1);
+  math-style: compact;
 }
 
 /*
@@ -266,7 +268,7 @@ mmultiscripts > :not(:first-child) {
 munder > :not(:first-child),
 mover > :not(:first-child),
 munderover > :not(:first-child) {
-    math-style: compact;
+  math-style: compact;
 }
 
 /*
@@ -274,7 +276,9 @@ munderover > :not(:first-child) {
    inherited value of the attribute. If the attribute is not present, the
    mtable element sets displaystyle to "false" within the table elements.
 */
-mtable { math-style: compact; }
+mtable {
+  math-style: compact;
+}
 
 /*
    The mscarries element sets displaystyle to "false", and increments
@@ -292,7 +296,7 @@ mscarries {
    Also, we do not expose the <mphantom> element to the accessible tree
    (see bug 1108378). */
 mphantom {
-    visibility: hidden;
+  visibility: hidden;
 }
 
 /* Implement MathML Core's semantics/maction support
diff --git a/layout/style/ImageDocument.css b/layout/style/ImageDocument.css
index 5cd22c4b5c91..c2333036a00f 100644
--- a/layout/style/ImageDocument.css
+++ b/layout/style/ImageDocument.css
@@ -28,7 +28,8 @@ body {
     cursor: zoom-in;
   }
 
-  .overflowingVertical, .overflowingHorizontalOnly {
+  .overflowingVertical,
+  .overflowingHorizontalOnly {
     cursor: zoom-out;
   }
 }
diff --git a/layout/style/TopLevelImageDocument.css b/layout/style/TopLevelImageDocument.css
index f03295f67374..535243f8efa0 100644
--- a/layout/style/TopLevelImageDocument.css
+++ b/layout/style/TopLevelImageDocument.css
@@ -22,7 +22,7 @@
 
   img.transparent {
     color: #222;
-    background: hsl(0,0%,90%) url("chrome://global/skin/media/imagedoc-lightnoise.png");
+    background: hsl(0, 0%, 90%) url("chrome://global/skin/media/imagedoc-lightnoise.png");
   }
 
   img {
diff --git a/layout/style/res/counterstyles.css b/layout/style/res/counterstyles.css
index 982ff0e18572..7c11114bf682 100644
--- a/layout/style/res/counterstyles.css
+++ b/layout/style/res/counterstyles.css
@@ -10,35 +10,143 @@
 
 @counter-style decimal-leading-zero {
   system: extends decimal;
-  pad: 2 '0';
+  pad: 2 "0";
 }
 
 @counter-style arabic-indic {
   system: numeric;
-  symbols: '\660' '\661' '\662' '\663' '\664' '\665' '\666' '\667' '\668' '\669';
+  symbols: "\660" "\661" "\662" "\663" "\664" "\665" "\666" "\667" "\668" "\669";
 }
 
 @counter-style armenian {
   system: additive;
   range: 1 9999;
-  additive-symbols: 9000 '\554', 8000 '\553', 7000 '\552', 6000 '\551', 5000 '\550', 4000 '\54F', 3000 '\54E', 2000 '\54D', 1000 '\54C', 900 '\54B', 800 '\54A', 700 '\549', 600 '\548', 500 '\547', 400 '\546', 300 '\545', 200 '\544', 100 '\543', 90 '\542', 80 '\541', 70 '\540', 60 '\53F', 50 '\53E', 40 '\53D', 30 '\53C', 20 '\53B', 10 '\53A', 9 '\539', 8 '\538', 7 '\537', 6 '\536', 5 '\535', 4 '\534', 3 '\533', 2 '\532', 1 '\531';
+  additive-symbols:
+    9000 "\554",
+    8000 "\553",
+    7000 "\552",
+    6000 "\551",
+    5000 "\550",
+    4000 "\54F",
+    3000 "\54E",
+    2000 "\54D",
+    1000 "\54C",
+    900 "\54B",
+    800 "\54A",
+    700 "\549",
+    600 "\548",
+    500 "\547",
+    400 "\546",
+    300 "\545",
+    200 "\544",
+    100 "\543",
+    90 "\542",
+    80 "\541",
+    70 "\540",
+    60 "\53F",
+    50 "\53E",
+    40 "\53D",
+    30 "\53C",
+    20 "\53B",
+    10 "\53A",
+    9 "\539",
+    8 "\538",
+    7 "\537",
+    6 "\536",
+    5 "\535",
+    4 "\534",
+    3 "\533",
+    2 "\532",
+    1 "\531";
 }
 
 @counter-style upper-armenian {
   system: additive;
   range: 1 9999;
-  additive-symbols: 9000 '\554', 8000 '\553', 7000 '\552', 6000 '\551', 5000 '\550', 4000 '\54F', 3000 '\54E', 2000 '\54D', 1000 '\54C', 900 '\54B', 800 '\54A', 700 '\549', 600 '\548', 500 '\547', 400 '\546', 300 '\545', 200 '\544', 100 '\543', 90 '\542', 80 '\541', 70 '\540', 60 '\53F', 50 '\53E', 40 '\53D', 30 '\53C', 20 '\53B', 10 '\53A', 9 '\539', 8 '\538', 7 '\537', 6 '\536', 5 '\535', 4 '\534', 3 '\533', 2 '\532', 1 '\531';
+  additive-symbols:
+    9000 "\554",
+    8000 "\553",
+    7000 "\552",
+    6000 "\551",
+    5000 "\550",
+    4000 "\54F",
+    3000 "\54E",
+    2000 "\54D",
+    1000 "\54C",
+    900 "\54B",
+    800 "\54A",
+    700 "\549",
+    600 "\548",
+    500 "\547",
+    400 "\546",
+    300 "\545",
+    200 "\544",
+    100 "\543",
+    90 "\542",
+    80 "\541",
+    70 "\540",
+    60 "\53F",
+    50 "\53E",
+    40 "\53D",
+    30 "\53C",
+    20 "\53B",
+    10 "\53A",
+    9 "\539",
+    8 "\538",
+    7 "\537",
+    6 "\536",
+    5 "\535",
+    4 "\534",
+    3 "\533",
+    2 "\532",
+    1 "\531";
 }
 
 @counter-style lower-armenian {
   system: additive;
   range: 1 9999;
-  additive-symbols: 9000 '\584', 8000 '\583', 7000 '\582', 6000 '\581', 5000 '\580', 4000 '\57F', 3000 '\57E', 2000 '\57D', 1000 '\57C', 900 '\57B', 800 '\57A', 700 '\579', 600 '\578', 500 '\577', 400 '\576', 300 '\575', 200 '\574', 100 '\573', 90 '\572', 80 '\571', 70 '\570', 60 '\56F', 50 '\56E', 40 '\56D', 30 '\56C', 20 '\56B', 10 '\56A', 9 '\569', 8 '\568', 7 '\567', 6 '\566', 5 '\565', 4 '\564', 3 '\563', 2 '\562', 1 '\561';
+  additive-symbols:
+    9000 "\584",
+    8000 "\583",
+    7000 "\582",
+    6000 "\581",
+    5000 "\580",
+    4000 "\57F",
+    3000 "\57E",
+    2000 "\57D",
+    1000 "\57C",
+    900 "\57B",
+    800 "\57A",
+    700 "\579",
+    600 "\578",
+    500 "\577",
+    400 "\576",
+    300 "\575",
+    200 "\574",
+    100 "\573",
+    90 "\572",
+    80 "\571",
+    70 "\570",
+    60 "\56F",
+    50 "\56E",
+    40 "\56D",
+    30 "\56C",
+    20 "\56B",
+    10 "\56A",
+    9 "\569",
+    8 "\568",
+    7 "\567",
+    6 "\566",
+    5 "\565",
+    4 "\564",
+    3 "\563",
+    2 "\562",
+    1 "\561";
 }
 
 @counter-style bengali {
   system: numeric;
-  symbols: '\9E6' '\9E7' '\9E8' '\9E9' '\9EA' '\9EB' '\9EC' '\9ED' '\9EE' '\9EF';
+  symbols: "\9E6" "\9E7" "\9E8" "\9E9" "\9EA" "\9EB" "\9EC" "\9ED" "\9EE" "\9EF";
 }
 
 @counter-style cambodian {
@@ -47,35 +155,72 @@
 
 @counter-style khmer {
   system: numeric;
-  symbols: '\17E0' '\17E1' '\17E2' '\17E3' '\17E4' '\17E5' '\17E6' '\17E7' '\17E8' '\17E9';
+  symbols: "\17E0" "\17E1" "\17E2" "\17E3" "\17E4" "\17E5" "\17E6" "\17E7" "\17E8" "\17E9";
 }
 
 @counter-style cjk-decimal {
   system: numeric;
   range: 0 infinite;
-  symbols: '\3007' '\4E00' '\4E8C' '\4E09' '\56DB' '\4E94' '\516D' '\4E03' '\516B' '\4E5D';
-  suffix: '\3001';
+  symbols: "\3007" "\4E00" "\4E8C" "\4E09" "\56DB" "\4E94" "\516D" "\4E03" "\516B" "\4E5D";
+  suffix: "\3001";
 }
 
 @counter-style devanagari {
   system: numeric;
-  symbols: '\966' '\967' '\968' '\969' '\96A' '\96B' '\96C' '\96D' '\96E' '\96F';
+  symbols: "\966" "\967" "\968" "\969" "\96A" "\96B" "\96C" "\96D" "\96E" "\96F";
 }
 
 @counter-style georgian {
   system: additive;
   range: 1 19999;
-  additive-symbols: 10000 '\10F5', 9000 '\10F0', 8000 '\10EF', 7000 '\10F4', 6000 '\10EE', 5000 '\10ED', 4000 '\10EC', 3000 '\10EB', 2000 '\10EA', 1000 '\10E9', 900 '\10E8', 800 '\10E7', 700 '\10E6', 600 '\10E5', 500 '\10E4', 400 '\10F3', 300 '\10E2', 200 '\10E1', 100 '\10E0', 90 '\10DF', 80 '\10DE', 70 '\10DD', 60 '\10F2', 50 '\10DC', 40 '\10DB', 30 '\10DA', 20 '\10D9', 10 '\10D8', 9 '\10D7', 8 '\10F1', 7 '\10D6', 6 '\10D5', 5 '\10D4', 4 '\10D3', 3 '\10D2', 2 '\10D1', 1 '\10D0';
+  additive-symbols:
+    10000 "\10F5",
+    9000 "\10F0",
+    8000 "\10EF",
+    7000 "\10F4",
+    6000 "\10EE",
+    5000 "\10ED",
+    4000 "\10EC",
+    3000 "\10EB",
+    2000 "\10EA",
+    1000 "\10E9",
+    900 "\10E8",
+    800 "\10E7",
+    700 "\10E6",
+    600 "\10E5",
+    500 "\10E4",
+    400 "\10F3",
+    300 "\10E2",
+    200 "\10E1",
+    100 "\10E0",
+    90 "\10DF",
+    80 "\10DE",
+    70 "\10DD",
+    60 "\10F2",
+    50 "\10DC",
+    40 "\10DB",
+    30 "\10DA",
+    20 "\10D9",
+    10 "\10D8",
+    9 "\10D7",
+    8 "\10F1",
+    7 "\10D6",
+    6 "\10D5",
+    5 "\10D4",
+    4 "\10D3",
+    3 "\10D2",
+    2 "\10D1",
+    1 "\10D0";
 }
 
 @counter-style gujarati {
   system: numeric;
-  symbols: '\AE6' '\AE7' '\AE8' '\AE9' '\AEA' '\AEB' '\AEC' '\AED' '\AEE' '\AEF';
+  symbols: "\AE6" "\AE7" "\AE8" "\AE9" "\AEA" "\AEB" "\AEC" "\AED" "\AEE" "\AEF";
 }
 
 @counter-style gurmukhi {
   system: numeric;
-  symbols: '\A66' '\A67' '\A68' '\A69' '\A6A' '\A6B' '\A6C' '\A6D' '\A6E' '\A6F';
+  symbols: "\A66" "\A67" "\A68" "\A69" "\A6A" "\A6B" "\A6C" "\A6D" "\A6E" "\A6F";
 }
 
 /* hebrew is not included because our builtin algorithm can generate a wider
@@ -83,76 +228,102 @@
 
 @counter-style kannada {
   system: numeric;
-  symbols: '\CE6' '\CE7' '\CE8' '\CE9' '\CEA' '\CEB' '\CEC' '\CED' '\CEE' '\CEF';
+  symbols: "\CE6" "\CE7" "\CE8" "\CE9" "\CEA" "\CEB" "\CEC" "\CED" "\CEE" "\CEF";
 }
 
 @counter-style lao {
   system: numeric;
-  symbols: '\ED0' '\ED1' '\ED2' '\ED3' '\ED4' '\ED5' '\ED6' '\ED7' '\ED8' '\ED9';
+  symbols: "\ED0" "\ED1" "\ED2" "\ED3" "\ED4" "\ED5" "\ED6" "\ED7" "\ED8" "\ED9";
 }
 
 @counter-style malayalam {
   system: numeric;
-  symbols: '\D66' '\D67' '\D68' '\D69' '\D6A' '\D6B' '\D6C' '\D6D' '\D6E' '\D6F';
+  symbols: "\D66" "\D67" "\D68" "\D69" "\D6A" "\D6B" "\D6C" "\D6D" "\D6E" "\D6F";
 }
 
 @counter-style mongolian {
   system: numeric;
-  symbols: '\1810' '\1811' '\1812' '\1813' '\1814' '\1815' '\1816' '\1817' '\1818' '\1819';
+  symbols: "\1810" "\1811" "\1812" "\1813" "\1814" "\1815" "\1816" "\1817" "\1818" "\1819";
 }
 
 @counter-style myanmar {
   system: numeric;
-  symbols: '\1040' '\1041' '\1042' '\1043' '\1044' '\1045' '\1046' '\1047' '\1048' '\1049';
+  symbols: "\1040" "\1041" "\1042" "\1043" "\1044" "\1045" "\1046" "\1047" "\1048" "\1049";
 }
 
 @counter-style oriya {
   system: numeric;
-  symbols: '\B66' '\B67' '\B68' '\B69' '\B6A' '\B6B' '\B6C' '\B6D' '\B6E' '\B6F';
+  symbols: "\B66" "\B67" "\B68" "\B69" "\B6A" "\B6B" "\B6C" "\B6D" "\B6E" "\B6F";
 }
 
 @counter-style persian {
   system: numeric;
-  symbols: '\6F0' '\6F1' '\6F2' '\6F3' '\6F4' '\6F5' '\6F6' '\6F7' '\6F8' '\6F9';
+  symbols: "\6F0" "\6F1" "\6F2" "\6F3" "\6F4" "\6F5" "\6F6" "\6F7" "\6F8" "\6F9";
 }
 
 @counter-style lower-roman {
   system: additive;
   range: 1 3999;
-  additive-symbols: 1000 'm', 900 'cm', 500 'd', 400 'cd', 100 'c', 90 'xc', 50 'l', 40 'xl', 10 'x', 9 'ix', 5 'v', 4 'iv', 1 'i';
+  additive-symbols:
+    1000 "m",
+    900 "cm",
+    500 "d",
+    400 "cd",
+    100 "c",
+    90 "xc",
+    50 "l",
+    40 "xl",
+    10 "x",
+    9 "ix",
+    5 "v",
+    4 "iv",
+    1 "i";
 }
 
 @counter-style upper-roman {
   system: additive;
   range: 1 3999;
-  additive-symbols: 1000 'M', 900 'CM', 500 'D', 400 'CD', 100 'C', 90 'XC', 50 'L', 40 'XL', 10 'X', 9 'IX', 5 'V', 4 'IV', 1 'I';
+  additive-symbols:
+    1000 "M",
+    900 "CM",
+    500 "D",
+    400 "CD",
+    100 "C",
+    90 "XC",
+    50 "L",
+    40 "XL",
+    10 "X",
+    9 "IX",
+    5 "V",
+    4 "IV",
+    1 "I";
 }
 
 @counter-style tamil {
   system: numeric;
-  symbols: '\BE6' '\BE7' '\BE8' '\BE9' '\BEA' '\BEB' '\BEC' '\BED' '\BEE' '\BEF';
+  symbols: "\BE6" "\BE7" "\BE8" "\BE9" "\BEA" "\BEB" "\BEC" "\BED" "\BEE" "\BEF";
 }
 
 @counter-style telugu {
   system: numeric;
-  symbols: '\C66' '\C67' '\C68' '\C69' '\C6A' '\C6B' '\C6C' '\C6D' '\C6E' '\C6F';
+  symbols: "\C66" "\C67" "\C68" "\C69" "\C6A" "\C6B" "\C6C" "\C6D" "\C6E" "\C6F";
 }
 
 @counter-style thai {
   system: numeric;
-  symbols: '\E50' '\E51' '\E52' '\E53' '\E54' '\E55' '\E56' '\E57' '\E58' '\E59';
+  symbols: "\E50" "\E51" "\E52" "\E53" "\E54" "\E55" "\E56" "\E57" "\E58" "\E59";
 }
 
 @counter-style tibetan {
   system: numeric;
-  symbols: '\F20' '\F21' '\F22' '\F23' '\F24' '\F25' '\F26' '\F27' '\F28' '\F29';
+  symbols: "\F20" "\F21" "\F22" "\F23" "\F24" "\F25" "\F26" "\F27" "\F28" "\F29";
 }
 
 /* 6.2 Alphabetic */
 
 @counter-style lower-alpha {
   system: alphabetic;
-  symbols: 'a' 'b' 'c' 'd' 'e' 'f' 'g' 'h' 'i' 'j' 'k' 'l' 'm' 'n' 'o' 'p' 'q' 'r' 's' 't' 'u' 'v' 'w' 'x' 'y' 'z';
+  symbols: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j" "k" "l" "m" "n" "o" "p" "q" "r" "s" "t" "u" "v" "w" "x" "y" "z";
 }
 
 @counter-style lower-latin {
@@ -161,7 +332,7 @@
 
 @counter-style upper-alpha {
   system: alphabetic;
-  symbols: 'A' 'B' 'C' 'D' 'E' 'F' 'G' 'H' 'I' 'J' 'K' 'L' 'M' 'N' 'O' 'P' 'Q' 'R' 'S' 'T' 'U' 'V' 'W' 'X' 'Y' 'Z';
+  symbols: "A" "B" "C" "D" "E" "F" "G" "H" "I" "J" "K" "L" "M" "N" "O" "P" "Q" "R" "S" "T" "U" "V" "W" "X" "Y" "Z";
 }
 
 @counter-style upper-latin {
@@ -170,45 +341,54 @@
 
 @counter-style cjk-heavenly-stem {
   system: fixed;
-  symbols: '\7532' '\4E59' '\4E19' '\4E01' '\620A' '\5DF1' '\5E9A' '\8F9B' '\58EC' '\7678';
+  symbols: "\7532" "\4E59" "\4E19" "\4E01" "\620A" "\5DF1" "\5E9A" "\8F9B" "\58EC" "\7678";
   fallback: cjk-decimal;
-  suffix: '\3001';
+  suffix: "\3001";
 }
 
 @counter-style cjk-earthly-branch {
   system: fixed;
-  symbols: '\5B50' '\4E11' '\5BC5' '\536F' '\8FB0' '\5DF3' '\5348' '\672A' '\7533' '\9149' '\620C' '\4EA5';
+  symbols: "\5B50" "\4E11" "\5BC5" "\536F" "\8FB0" "\5DF3" "\5348" "\672A" "\7533" "\9149" "\620C" "\4EA5";
   fallback: cjk-decimal;
-  suffix: '\3001';
+  suffix: "\3001";
 }
 
 @counter-style lower-greek {
   system: alphabetic;
-  symbols: '\3B1' '\3B2' '\3B3' '\3B4' '\3B5' '\3B6' '\3B7' '\3B8' '\3B9' '\3BA' '\3BB' '\3BC' '\3BD' '\3BE' '\3BF' '\3C0' '\3C1' '\3C3' '\3C4' '\3C5' '\3C6' '\3C7' '\3C8' '\3C9';
+  symbols: "\3B1" "\3B2" "\3B3" "\3B4" "\3B5" "\3B6" "\3B7" "\3B8" "\3B9" "\3BA" "\3BB" "\3BC" "\3BD" "\3BE" "\3BF" "\3C0" "\3C1" "\3C3" "\3C4" "\3C5" "\3C6"
+    "\3C7" "\3C8" "\3C9";
 }
 
 @counter-style hiragana {
   system: alphabetic;
-  symbols: '\3042' '\3044' '\3046' '\3048' '\304A' '\304B' '\304D' '\304F' '\3051' '\3053' '\3055' '\3057' '\3059' '\305B' '\305D' '\305F' '\3061' '\3064' '\3066' '\3068' '\306A' '\306B' '\306C' '\306D' '\306E' '\306F' '\3072' '\3075' '\3078' '\307B' '\307E' '\307F' '\3080' '\3081' '\3082' '\3084' '\3086' '\3088' '\3089' '\308A' '\308B' '\308C' '\308D' '\308F' '\3090' '\3091' '\3092' '\3093';
-  suffix: '\3001';
+  symbols: "\3042" "\3044" "\3046" "\3048" "\304A" "\304B" "\304D" "\304F" "\3051" "\3053" "\3055" "\3057" "\3059" "\305B" "\305D" "\305F" "\3061" "\3064"
+    "\3066" "\3068" "\306A" "\306B" "\306C" "\306D" "\306E" "\306F" "\3072" "\3075" "\3078" "\307B" "\307E" "\307F" "\3080" "\3081" "\3082" "\3084" "\3086"
+    "\3088" "\3089" "\308A" "\308B" "\308C" "\308D" "\308F" "\3090" "\3091" "\3092" "\3093";
+  suffix: "\3001";
 }
 
 @counter-style hiragana-iroha {
   system: alphabetic;
-  symbols: '\3044' '\308D' '\306F' '\306B' '\307B' '\3078' '\3068' '\3061' '\308A' '\306C' '\308B' '\3092' '\308F' '\304B' '\3088' '\305F' '\308C' '\305D' '\3064' '\306D' '\306A' '\3089' '\3080' '\3046' '\3090' '\306E' '\304A' '\304F' '\3084' '\307E' '\3051' '\3075' '\3053' '\3048' '\3066' '\3042' '\3055' '\304D' '\3086' '\3081' '\307F' '\3057' '\3091' '\3072' '\3082' '\305B' '\3059';
-  suffix: '\3001';
+  symbols: "\3044" "\308D" "\306F" "\306B" "\307B" "\3078" "\3068" "\3061" "\308A" "\306C" "\308B" "\3092" "\308F" "\304B" "\3088" "\305F" "\308C" "\305D"
+    "\3064" "\306D" "\306A" "\3089" "\3080" "\3046" "\3090" "\306E" "\304A" "\304F" "\3084" "\307E" "\3051" "\3075" "\3053" "\3048" "\3066" "\3042" "\3055"
+    "\304D" "\3086" "\3081" "\307F" "\3057" "\3091" "\3072" "\3082" "\305B" "\3059";
+  suffix: "\3001";
 }
 
 @counter-style katakana {
   system: alphabetic;
-  symbols: '\30A2' '\30A4' '\30A6' '\30A8' '\30AA' '\30AB' '\30AD' '\30AF' '\30B1' '\30B3' '\30B5' '\30B7' '\30B9' '\30BB' '\30BD' '\30BF' '\30C1' '\30C4' '\30C6' '\30C8' '\30CA' '\30CB' '\30CC' '\30CD' '\30CE' '\30CF' '\30D2' '\30D5' '\30D8' '\30DB' '\30DE' '\30DF' '\30E0' '\30E1' '\30E2' '\30E4' '\30E6' '\30E8' '\30E9' '\30EA' '\30EB' '\30EC' '\30ED' '\30EF' '\30F0' '\30F1' '\30F2' '\30F3';
-  suffix: '\3001';
+  symbols: "\30A2" "\30A4" "\30A6" "\30A8" "\30AA" "\30AB" "\30AD" "\30AF" "\30B1" "\30B3" "\30B5" "\30B7" "\30B9" "\30BB" "\30BD" "\30BF" "\30C1" "\30C4"
+    "\30C6" "\30C8" "\30CA" "\30CB" "\30CC" "\30CD" "\30CE" "\30CF" "\30D2" "\30D5" "\30D8" "\30DB" "\30DE" "\30DF" "\30E0" "\30E1" "\30E2" "\30E4" "\30E6"
+    "\30E8" "\30E9" "\30EA" "\30EB" "\30EC" "\30ED" "\30EF" "\30F0" "\30F1" "\30F2" "\30F3";
+  suffix: "\3001";
 }
 
 @counter-style katakana-iroha {
   system: alphabetic;
-  symbols: '\30A4' '\30ED' '\30CF' '\30CB' '\30DB' '\30D8' '\30C8' '\30C1' '\30EA' '\30CC' '\30EB' '\30F2' '\30EF' '\30AB' '\30E8' '\30BF' '\30EC' '\30BD' '\30C4' '\30CD' '\30CA' '\30E9' '\30E0' '\30A6' '\30F0' '\30CE' '\30AA' '\30AF' '\30E4' '\30DE' '\30B1' '\30D5' '\30B3' '\30A8' '\30C6' '\30A2' '\30B5' '\30AD' '\30E6' '\30E1' '\30DF' '\30B7' '\30F1' '\30D2' '\30E2' '\30BB' '\30B9';
-  suffix: '\3001';
+  symbols: "\30A4" "\30ED" "\30CF" "\30CB" "\30DB" "\30D8" "\30C8" "\30C1" "\30EA" "\30CC" "\30EB" "\30F2" "\30EF" "\30AB" "\30E8" "\30BF" "\30EC" "\30BD"
+    "\30C4" "\30CD" "\30CA" "\30E9" "\30E0" "\30A6" "\30F0" "\30CE" "\30AA" "\30AF" "\30E4" "\30DE" "\30B1" "\30D5" "\30B3" "\30A8" "\30C6" "\30A2" "\30B5"
+    "\30AD" "\30E6" "\30E1" "\30DF" "\30B7" "\30F1" "\30D2" "\30E2" "\30BB" "\30B9";
+  suffix: "\3001";
 }
 
 /* 6.3 Symbolic */
@@ -304,13 +484,13 @@
 
 @counter-style -moz-hangul {
   system: alphabetic;
-  symbols: '\AC00' '\B098' '\B2E4' '\B77C' '\B9C8' '\BC14' '\C0AC' '\C544' '\C790' '\CC28' '\CE74' '\D0C0' '\D30C' '\D558';
-  suffix: ',';
+  symbols: "\AC00" "\B098" "\B2E4" "\B77C" "\B9C8" "\BC14" "\C0AC" "\C544" "\C790" "\CC28" "\CE74" "\D0C0" "\D30C" "\D558";
+  suffix: ",";
 }
 @counter-style -moz-hangul-consonant {
   system: alphabetic;
-  symbols: '\3131' '\3134' '\3137' '\3139' '\3141' '\3142' '\3145' '\3147' '\3148' '\314A' '\314B' '\314C' '\314D' '\314E';
-  suffix: ',';
+  symbols: "\3131" "\3134" "\3137" "\3139" "\3141" "\3142" "\3145" "\3147" "\3148" "\314A" "\314B" "\314C" "\314D" "\314E";
+  suffix: ",";
 }
 
 /* Ge'ez set of Ethiopic ordered list. There are other locale-dependent sets.
@@ -319,19 +499,23 @@
  * For details, refer to http://www.ethiopic.org/Collation/OrderedLists.html. */
 @counter-style -moz-ethiopic-halehame {
   system: alphabetic;
-  symbols: '\1200' '\1208' '\1210' '\1218' '\1220' '\1228' '\1230' '\1240' '\1260' '\1270' '\1280' '\1290' '\12A0' '\12A8' '\12C8' '\12D0' '\12D8' '\12E8' '\12F0' '\1308' '\1320' '\1330' '\1338' '\1340' '\1348' '\1350';
+  symbols: "\1200" "\1208" "\1210" "\1218" "\1220" "\1228" "\1230" "\1240" "\1260" "\1270" "\1280" "\1290" "\12A0" "\12A8" "\12C8" "\12D0" "\12D8" "\12E8"
+    "\12F0" "\1308" "\1320" "\1330" "\1338" "\1340" "\1348" "\1350";
 }
 @counter-style -moz-ethiopic-halehame-am {
   system: alphabetic;
-  symbols: '\1200' '\1208' '\1210' '\1218' '\1220' '\1228' '\1230' '\1238' '\1240' '\1260' '\1270' '\1278' '\1280' '\1290' '\1298' '\12A0' '\12A8' '\12B8' '\12C8' '\12D0' '\12D8' '\12E0' '\12E8' '\12F0' '\1300' '\1308' '\1320' '\1328' '\1330' '\1338' '\1340' '\1348' '\1350';
+  symbols: "\1200" "\1208" "\1210" "\1218" "\1220" "\1228" "\1230" "\1238" "\1240" "\1260" "\1270" "\1278" "\1280" "\1290" "\1298" "\12A0" "\12A8" "\12B8"
+    "\12C8" "\12D0" "\12D8" "\12E0" "\12E8" "\12F0" "\1300" "\1308" "\1320" "\1328" "\1330" "\1338" "\1340" "\1348" "\1350";
 }
 @counter-style -moz-ethiopic-halehame-ti-er {
   system: alphabetic;
-  symbols: '\1200' '\1208' '\1210' '\1218' '\1228' '\1230' '\1238' '\1240' '\1250' '\1260' '\1270' '\1278' '\1290' '\1298' '\12A0' '\12A8' '\12B8' '\12C8' '\12D0' '\12D8' '\12E0' '\12E8' '\12F0' '\1300' '\1308' '\1320' '\1328' '\1330' '\1338' '\1348' '\1350';
+  symbols: "\1200" "\1208" "\1210" "\1218" "\1228" "\1230" "\1238" "\1240" "\1250" "\1260" "\1270" "\1278" "\1290" "\1298" "\12A0" "\12A8" "\12B8" "\12C8"
+    "\12D0" "\12D8" "\12E0" "\12E8" "\12F0" "\1300" "\1308" "\1320" "\1328" "\1330" "\1338" "\1348" "\1350";
 }
 @counter-style -moz-ethiopic-halehame-ti-et {
   system: alphabetic;
-  symbols: '\1200' '\1208' '\1210' '\1218' '\1220' '\1228' '\1230' '\1238' '\1240' '\1250' '\1260' '\1270' '\1278' '\1280' '\1290' '\1298' '\12A0' '\12A8' '\12B8' '\12C8' '\12D0' '\12D8' '\12E0' '\12E8' '\12F0' '\1300' '\1308' '\1320' '\1328' '\1330' '\1338' '\1340' '\1348' '\1350';
+  symbols: "\1200" "\1208" "\1210" "\1218" "\1220" "\1228" "\1230" "\1238" "\1240" "\1250" "\1260" "\1270" "\1278" "\1280" "\1290" "\1298" "\12A0" "\12A8"
+    "\12B8" "\12C8" "\12D0" "\12D8" "\12E0" "\12E8" "\12F0" "\1300" "\1308" "\1320" "\1328" "\1330" "\1338" "\1340" "\1348" "\1350";
 }
 
 /* Alias */
diff --git a/layout/style/res/forms.css b/layout/style/res/forms.css
index 5e268cfd10fa..a741a3799613 100644
--- a/layout/style/res/forms.css
+++ b/layout/style/res/forms.css
@@ -6,7 +6,6 @@
   Styles for old GFX form widgets
  **/
 
-
 @namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */
 
 *|*::-moz-fieldset-content {
@@ -118,7 +117,11 @@ textarea {
 }
 
 /* A few properties that we don't want to inherit by default: */
-input, textarea, select, button, ::file-selector-button {
+input,
+textarea,
+select,
+button,
+::file-selector-button {
   text-align: initial;
   text-indent: initial;
   text-shadow: initial;
@@ -189,12 +192,12 @@ input::-moz-text-control-preview {
   line-height: -moz-block-height !important;
 }
 
-input[type=password] {
+input[type="password"] {
   -moz-default-appearance: password-input;
 }
 
-input[type=password]::-moz-text-control-editing-root,
-input[type=password]::-moz-text-control-preview {
+input[type="password"]::-moz-text-control-editing-root,
+input[type="password"]::-moz-text-control-preview {
   /*
    * In password fields, any character should be put same direction.  Otherwise,
    * caret position at typing tells everybody whether the character is an RTL
@@ -401,7 +404,7 @@ optgroup:disabled {
 }
 
 /* hidden inputs */
-input[type=hidden] {
+input[type="hidden"] {
   appearance: none;
   -moz-default-appearance: none;
   display: none !important;
@@ -412,7 +415,7 @@ input[type=hidden] {
 }
 
 /* image buttons */
-input[type=image] {
+input[type="image"] {
   appearance: none;
   -moz-default-appearance: none;
   padding: unset;
@@ -423,7 +426,7 @@ input[type=image] {
   cursor: pointer;
 }
 
-input[type=image]:disabled {
+input[type="image"]:disabled {
   cursor: unset;
 }
 
@@ -440,7 +443,7 @@ input[type=image]:disabled {
 }
 
 /* radio buttons */
-input[type=radio] {
+input[type="radio"] {
   appearance: auto;
   -moz-default-appearance: radio;
   margin-block: 3px 0;
@@ -448,7 +451,7 @@ input[type=radio] {
 }
 
 /* check boxes */
-input[type=checkbox] {
+input[type="checkbox"] {
   appearance: auto;
   -moz-default-appearance: checkbox;
   margin-block: 3px;
@@ -457,8 +460,8 @@ input[type=checkbox] {
 
 /* Common features of radio buttons and check boxes */
 
-input[type=radio],
-input[type=checkbox] {
+input[type="radio"],
+input[type="checkbox"] {
   box-sizing: border-box;
   cursor: default;
   /* unset some values from the general 'input' rule above: */
@@ -468,11 +471,11 @@ input[type=checkbox] {
   color: unset;
 }
 
-input:is([type=radio], [type=checkbox]):is(:disabled, :disabled:active, :disabled:hover:active) {
+input:is([type="radio"], [type="checkbox"]):is(:disabled, :disabled:active, :disabled:hover:active) {
   cursor: unset;
 }
 
-input[type=search] {
+input[type="search"] {
   box-sizing: border-box;
 }
 
@@ -485,7 +488,7 @@ input[type=search] {
    input[type=color] */
 button,
 ::file-selector-button,
-input:is([type=color], [type=reset], [type=button], [type=submit]) {
+input:is([type="color"], [type="reset"], [type="button"], [type="submit"]) {
   appearance: auto;
   -moz-default-appearance: button;
   /* The sum of border and padding on block-start and block-end
@@ -504,7 +507,7 @@ input:is([type=color], [type=reset], [type=button], [type=submit]) {
    input[type=color] */
 button,
 ::file-selector-button,
-input:is([type=reset], [type=button], [type=submit]) {
+input:is([type="reset"], [type="button"], [type="submit"]) {
   color: ButtonText;
   font: -moz-button;
   white-space: pre;
@@ -512,14 +515,14 @@ input:is([type=reset], [type=button], [type=submit]) {
   padding-inline: 4px;
 }
 
-input[type=color] {
+input[type="color"] {
   inline-size: 64px;
   block-size: 32px;
   padding: 4px;
 }
 
 /* https://github.com/whatwg/html/issues/9976 */
-input:not([type=image i], [type=range i], [type=checkbox i], [type=radio i]) {
+input:not([type="image" i], [type="range" i], [type="checkbox" i], [type="radio" i]) {
   overflow: clip !important;
   overflow-clip-margin: 0 !important;
 }
@@ -569,14 +572,14 @@ button,
 
 ::file-selector-button:hover,
 button:hover,
-input:is([type=reset], [type=button], [type=submit], [type=color]):hover {
+input:is([type="reset"], [type="button"], [type="submit"], [type="color"]):hover {
   color: -moz-buttonhovertext;
   background-color: -moz-buttonhoverface;
 }
 
 ::file-selector-button:active:hover,
 button:active:hover,
-input:is([type=reset], [type=button], [type=submit], [type=color]):active:hover {
+input:is([type="reset"], [type="button"], [type="submit"], [type="color"]):active:hover {
   border-style: inset;
   color: -moz-buttonactivetext;
   background-color: -moz-buttonactiveface;
@@ -584,7 +587,7 @@ input:is([type=reset], [type=button], [type=submit], [type=color]):active:hover
 
 :is(:disabled, :disabled:active)::file-selector-button,
 button:is(:disabled, :disabled:active),
-input:is([type=reset], [type=button], [type=submit], [type=color]):is(:disabled, :disabled:active),
+input:is([type="reset"], [type="button"], [type="submit"], [type="color"]):is(:disabled, :disabled:active),
 select:is(:disabled, :disabled:active) > button {
   border-style: outset;
   cursor: unset;
@@ -592,14 +595,14 @@ select:is(:disabled, :disabled:active) > button {
 
 :is(:disabled, :disabled:active)::file-selector-button,
 button:is(:disabled, :disabled:active),
-input:is([type=reset], [type=button], [type=submit]):is(:disabled, :disabled:active),
+input:is([type="reset"], [type="button"], [type="submit"]):is(:disabled, :disabled:active),
 select:is(:disabled, :disabled:active) > button {
   color: GrayText;
   background-color: -moz-ButtonDisabledFace;
 }
 
 /* file selector */
-input[type=file] {
+input[type="file"] {
   white-space: nowrap !important;
   overflow-clip-box: padding-box;
   color: unset;
@@ -614,7 +617,7 @@ input[type=file] {
   padding: unset;
 }
 
-input[type=file] > label {
+input[type="file"] > label {
   display: inline-block;
   min-inline-size: 12em;
   text-align: match-parent;
@@ -632,23 +635,23 @@ input[type=file] > label {
   margin-inline-end: 5px;
 }
 
- /*
-  * Make form controls inherit 'unicode-bidi' transparently as required by
-  *  their various anonymous descendants and pseudo-elements:
-  *
-  * <textarea> and <input type=text>:
-  *  inherit into the scroll frame with pseudo ::-moz-text-control-editing-root
-  *  which is a (direct or indirect) child of the text control.
-  *
-  * Buttons (either <button>, <input type=submit>, <input type=button>
-  *          or <input type=reset>)
-  *  inherit into the ':-moz-button-content' pseudo-element.
-  *
-  * <select>:
-  *  inherit into the label and the <optgroup>'s ':before' pseudo-element,
-  *  which is where the label of the <optgroup> gets displayed. The <option>s
-  *  don't use anonymous boxes, so they need no special rules.
-  */
+/*
+ * Make form controls inherit 'unicode-bidi' transparently as required by
+ *  their various anonymous descendants and pseudo-elements:
+ *
+ * <textarea> and <input type=text>:
+ *  inherit into the scroll frame with pseudo ::-moz-text-control-editing-root
+ *  which is a (direct or indirect) child of the text control.
+ *
+ * Buttons (either <button>, <input type=submit>, <input type=button>
+ *          or <input type=reset>)
+ *  inherit into the ':-moz-button-content' pseudo-element.
+ *
+ * <select>:
+ *  inherit into the label and the <optgroup>'s ':before' pseudo-element,
+ *  which is where the label of the <optgroup> gets displayed. The <option>s
+ *  don't use anonymous boxes, so they need no special rules.
+ */
 ::placeholder,
 ::-moz-text-control-editing-root,
 *|*::-moz-button-content,
@@ -730,7 +733,7 @@ meter:-moz-meter-sub-sub-optimum::slider-fill {
   background: linear-gradient(#f77, #f77, #fcc 20%, #d44 45%, #d44 55%);
 }
 
-input[type=range] {
+input[type="range"] {
   appearance: auto;
   -moz-default-appearance: range;
   margin: 2px;
@@ -754,8 +757,8 @@ input[type=range] {
  * TODO(emilio, bug 1663819): Losen these restrictions once these
  * pseudo-elements are better spec'd out.
  */
-input[type=range]::-moz-range-track,
-input[type=range]::slider-track {
+input[type="range"]::-moz-range-track,
+input[type="range"]::slider-track {
   /* Prevent styling that would change the type of frame we construct. */
   display: block !important;
   float: none !important;
@@ -767,8 +770,8 @@ input[type=range]::slider-track {
   user-select: none !important;
 }
 
-input[type=range][orient=vertical]::-moz-range-track,
-input[type=range][orient=vertical]::slider-track {
+input[type="range"][orient="vertical"]::-moz-range-track,
+input[type="range"][orient="vertical"]::slider-track {
   inline-size: 0.2em; /* same as block-size above */
   block-size: 100%;
 }
@@ -781,8 +784,8 @@ input[type=range][orient=vertical]::slider-track {
  * property is ignored, and if the range range is vertical, the height property
  * is ignored.
  */
-input[type=range]::-moz-range-progress,
-input[type=range]::slider-fill {
+input[type="range"]::-moz-range-progress,
+input[type="range"]::slider-fill {
   /* Prevent styling that would change the type of frame we construct. */
   display: block !important;
   float: none !important;
@@ -803,8 +806,8 @@ input[type=range]::slider-fill {
  * logic to position it). Specifically the 'margin', 'top' and 'left'
  * properties are ignored.
  */
-input[type=range]::-moz-range-thumb,
-input[type=range]::slider-thumb {
+input[type="range"]::-moz-range-thumb,
+input[type="range"]::slider-thumb {
   /* Native theming is atomic for range. Set appearance on the range
    * to get rid of it. The thumb's appearance is fixed.
    */
@@ -821,16 +824,16 @@ input[type=range]::slider-thumb {
   height: 1em;
   border: 0.1em solid #999;
   border-radius: 0.5em;
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
   /* Prevent nsIFrame::HandlePress setting mouse capture to this element. */
   user-select: none !important;
 }
 
-input[type=number] {
+input[type="number"] {
   -moz-default-appearance: number-input;
 }
 
-input[type=number]::-moz-number-spin-box {
+input[type="number"]::-moz-number-spin-box {
   writing-mode: horizontal-tb;
   display: flex;
   flex-direction: column;
@@ -843,8 +846,8 @@ input[type=number]::-moz-number-spin-box {
   overflow: clip;
 }
 
-input[type=number]::-moz-number-spin-up,
-input[type=number]::-moz-number-spin-down {
+input[type="number"]::-moz-number-spin-up,
+input[type="number"]::-moz-number-spin-down {
   writing-mode: horizontal-tb;
   appearance: auto;
   -moz-default-appearance: spinner-upbutton;
@@ -853,7 +856,7 @@ input[type=number]::-moz-number-spin-down {
   cursor: default;
 }
 
-input[type=number]::-moz-number-spin-down {
+input[type="number"]::-moz-number-spin-down {
   -moz-default-appearance: spinner-downbutton;
 }
 
@@ -925,16 +928,18 @@ input:-moz-value-empty::-moz-search-clear-button {
   visibility: hidden;
 }
 
-input:is([type=date], [type=time], [type=datetime-local]) {
+input:is([type="date"], [type="time"], [type="datetime-local"]) {
   font-family: -moz-fixed;
   cursor: default;
 }
 
-input:is([type=date], [type=time], [type=datetime-local]):is(:disabled, :read-only) {
+input:is([type="date"], [type="time"], [type="datetime-local"]):is(:disabled, :read-only) {
   color: GrayText;
 }
 
-input:autofill, select:autofill, textarea:autofill {
+input:autofill,
+select:autofill,
+textarea:autofill {
   background-color: -moz-autofill-background !important;
   background-image: none !important;
   color: FieldText !important;
diff --git a/layout/style/res/html.css b/layout/style/res/html.css
index f6de86564743..3bd642b7c137 100644
--- a/layout/style/res/html.css
+++ b/layout/style/res/html.css
@@ -22,11 +22,15 @@
   direction: ltr;
 }
 
-:-moz-dir-attr-like-auto:dir(ltr) { direction: ltr; }
-:-moz-dir-attr-like-auto:dir(rtl) { direction: rtl; }
+:-moz-dir-attr-like-auto:dir(ltr) {
+  direction: ltr;
+}
+:-moz-dir-attr-like-auto:dir(rtl) {
+  direction: rtl;
+}
 
 /* https://html.spec.whatwg.org/#bidi-rendering */
-input[type=tel]:dir(ltr) {
+input[type="tel"]:dir(ltr) {
   direction: ltr;
 }
 
@@ -97,17 +101,19 @@ xmp {
   unicode-bidi: isolate;
 }
 
-bdi, output {
+bdi,
+output {
   unicode-bidi: isolate;
 }
 /* We need the "bdo:-moz-has-dir-attr" bit because "bdo" has lower
    specificity than the ":-moz-has-dir-attr" selector above. */
-bdo, bdo:-moz-has-dir-attr {
+bdo,
+bdo:-moz-has-dir-attr {
   unicode-bidi: isolate-override;
 }
 textarea:-moz-dir-attr-like-auto,
 pre:-moz-dir-attr-like-auto {
-    unicode-bidi: plaintext;
+  unicode-bidi: plaintext;
 }
 
 /* blocks */
@@ -136,7 +142,8 @@ body {
   margin: 8px;
 }
 
-p, dl {
+p,
+dl {
   display: block;
   margin-block-start: 1em;
   margin-block-end: 1em;
@@ -147,7 +154,8 @@ dd {
   margin-inline-start: 40px;
 }
 
-blockquote, figure {
+blockquote,
+figure {
   display: block;
   margin-block: 1em;
   margin-inline: 40px;
@@ -167,14 +175,14 @@ h1 {
   display: block;
   font-size: 2em;
   font-weight: bold;
-  margin-block: .67em;
+  margin-block: 0.67em;
 }
 
 h2 {
   display: block;
   font-size: 1.5em;
   font-weight: bold;
-  margin-block: .83em;
+  margin-block: 0.83em;
 }
 
 h3 {
@@ -186,7 +194,7 @@ h3 {
 
 h4 {
   display: block;
-  font-size: 1.00em;
+  font-size: 1em;
   font-weight: bold;
   margin-block: 1.33em;
 }
@@ -228,12 +236,14 @@ h6 {
 
 /* stylelint-disable-next-line media-query-no-invalid */
 @media -moz-pref("layout.css.h1-in-section-ua-styles.enabled") {
+  /* prettier-ignore */
   :is(article, aside, nav, section)
   h1 {
     margin-block: 0.83em;
-    font-size: 1.50em;
+    font-size: 1.5em;
   }
 
+  /* prettier-ignore */
   :is(article, aside, nav, section)
   :is(article, aside, nav, section)
   h1 {
@@ -241,14 +251,16 @@ h6 {
     font-size: 1.17em;
   }
 
+  /* prettier-ignore */
   :is(article, aside, nav, section)
   :is(article, aside, nav, section)
   :is(article, aside, nav, section)
   h1 {
     margin-block: 1.33em;
-    font-size: 1.00em;
+    font-size: 1em;
   }
 
+  /* prettier-ignore */
   :is(article, aside, nav, section)
   :is(article, aside, nav, section)
   :is(article, aside, nav, section)
@@ -258,6 +270,7 @@ h6 {
     font-size: 0.83em;
   }
 
+  /* prettier-ignore */
   :is(article, aside, nav, section)
   :is(article, aside, nav, section)
   :is(article, aside, nav, section)
@@ -277,7 +290,9 @@ listing {
   margin-block: 1em;
 }
 
-xmp, pre, plaintext {
+xmp,
+pre,
+plaintext {
   display: block;
   font-family: -moz-fixed;
   white-space: pre;
@@ -297,23 +312,23 @@ table {
 
 /* border collapse rules */
 
-  /* Set hidden if we have 'frame' or 'rules' attribute.
-     Set it on all sides when we do so there's more consistency
-     in what authors should expect */
+/* Set hidden if we have 'frame' or 'rules' attribute.
+   Set it on all sides when we do so there's more consistency
+   in what authors should expect */
 
-  /* Put this first so 'border' and 'frame' rules can override it. */
+/* Put this first so 'border' and 'frame' rules can override it. */
 table[rules] {
   border-width: thin;
   border-style: hidden;
 }
 
-  /* 'border' before 'frame' so 'frame' overrides
-      A border with a given value should, of course, pass that value
-      as the border-width in pixels -> attr mapping */
+/* 'border' before 'frame' so 'frame' overrides
+    A border with a given value should, of course, pass that value
+    as the border-width in pixels -> attr mapping */
 
-  /* :-moz-table-border-nonzero is like [border]:not([border="0"]) except it
-     also checks for other zero-like values according to HTML attribute
-     parsing rules */
+/* :-moz-table-border-nonzero is like [border]:not([border="0"]) except it
+   also checks for other zero-like values according to HTML attribute
+   parsing rules */
 table:-moz-table-border-nonzero {
   border-width: thin;
   border-style: outset;
@@ -324,28 +339,42 @@ table[frame] {
 }
 
 /* specificity must beat table:-moz-table-border-nonzero rule above */
-table[frame="void"]   { border-style: hidden; }
-table[frame="above"]  { border-style: outset hidden hidden hidden; }
-table[frame="below"]  { border-style: hidden hidden outset hidden; }
-table[frame="lhs"]    { border-style: hidden hidden hidden outset; }
-table[frame="rhs"]    { border-style: hidden outset hidden hidden; }
-table[frame="hsides"] { border-style: outset hidden; }
-table[frame="vsides"] { border-style: hidden outset; }
+table[frame="void"] {
+  border-style: hidden;
+}
+table[frame="above"] {
+  border-style: outset hidden hidden hidden;
+}
+table[frame="below"] {
+  border-style: hidden hidden outset hidden;
+}
+table[frame="lhs"] {
+  border-style: hidden hidden hidden outset;
+}
+table[frame="rhs"] {
+  border-style: hidden outset hidden hidden;
+}
+table[frame="hsides"] {
+  border-style: outset hidden;
+}
+table[frame="vsides"] {
+  border-style: hidden outset;
+}
 table[frame="box"],
-table[frame="border"] { border-style: outset; }
-
+table[frame="border"] {
+  border-style: outset;
+}
 
 /* Internal Table Borders */
 
-  /* 'border' cell borders first */
+/* 'border' cell borders first */
 
 table:-moz-table-border-nonzero > * > tr > td,
 table:-moz-table-border-nonzero > * > tr > th,
 table:-moz-table-border-nonzero > * > td,
 table:-moz-table-border-nonzero > * > th,
 table:-moz-table-border-nonzero > td,
-table:-moz-table-border-nonzero > th
-{
+table:-moz-table-border-nonzero > th {
   border-width: thin;
   border-style: inset;
 }
@@ -357,25 +386,22 @@ table[rules]:not([rules="none"], [rules=""]) {
 
 /* only specified rules override 'border' settings
   (increased specificity to achieve this) */
-table[rules]:not([rules=""])> tr > td,
-table[rules]:not([rules=""])> * > tr > td,
-table[rules]:not([rules=""])> tr > th,
-table[rules]:not([rules=""])> * > tr > th,
-table[rules]:not([rules=""])> td,
-table[rules]:not([rules=""])> th
-{
+table[rules]:not([rules=""]) > tr > td,
+table[rules]:not([rules=""]) > * > tr > td,
+table[rules]:not([rules=""]) > tr > th,
+table[rules]:not([rules=""]) > * > tr > th,
+table[rules]:not([rules=""]) > td,
+table[rules]:not([rules=""]) > th {
   border-width: thin;
   border-style: none;
 }
 
-
-table[rules][rules="none"]  > tr > td,
+table[rules][rules="none"] > tr > td,
 table[rules][rules="none"] > * > tr > td,
 table[rules][rules="none"] > tr > th,
 table[rules][rules="none"] > * > tr > th,
 table[rules][rules="none"] > td,
-table[rules][rules="none"] > th
-{
+table[rules][rules="none"] > th {
   border-width: thin;
   border-style: none;
 }
@@ -385,8 +411,7 @@ table[rules][rules="all"] > * > tr > td,
 table[rules][rules="all"] > tr > th,
 table[rules][rules="all"] > * > tr > th,
 table[rules][rules="all"] > td,
-table[rules][rules="all"] > th
-{
+table[rules][rules="all"] > th {
   border-width: thin;
   border-style: solid;
 }
@@ -399,7 +424,6 @@ table[rules][rules="rows"] > * > tr {
   border-block-end-style: solid;
 }
 
-
 table[rules][rules="cols"] > tr > td,
 table[rules][rules="cols"] > * > tr > td,
 table[rules][rules="cols"] > tr > th,
@@ -419,7 +443,6 @@ table[rules][rules="groups"] > tbody {
   border-block-style: solid;
 }
 
-
 /* caption inherits from table not table-outer */
 caption {
   display: table-caption;
@@ -504,9 +527,9 @@ table[bordercolor] > col,
 table[bordercolor] > colgroup,
 table[bordercolor] > tr,
 table[bordercolor] > * > tr,
-table[bordercolor]  > tr > td,
+table[bordercolor] > tr > td,
 table[bordercolor] > * > tr > td,
-table[bordercolor]  > tr > th,
+table[bordercolor] > tr > th,
 table[bordercolor] > * > tr > th {
   border-color: inherit;
 }
@@ -521,23 +544,34 @@ q:after {
   content: close-quote;
 }
 
-b, strong {
+b,
+strong {
   font-weight: bolder;
 }
 
-i, cite, em, var, dfn {
+i,
+cite,
+em,
+var,
+dfn {
   font-style: italic;
 }
 
-tt, code, kbd, samp {
+tt,
+code,
+kbd,
+samp {
   font-family: -moz-fixed;
 }
 
-u, ins {
+u,
+ins {
   text-decoration: underline;
 }
 
-s, strike, del {
+s,
+strike,
+del {
   text-decoration: line-through;
 }
 
@@ -569,13 +603,16 @@ mark {
 }
 
 /* titles */
-abbr[title], acronym[title] {
+abbr[title],
+acronym[title] {
   text-decoration: dotted underline;
 }
 
 /* lists */
 
-ul, menu, dir {
+ul,
+menu,
+dir {
   display: block;
   list-style-type: disc;
   margin-block-start: 1em;
@@ -583,7 +620,9 @@ ul, menu, dir {
   padding-inline-start: 40px;
 }
 
-ul, ol, menu {
+ul,
+ol,
+menu {
   counter-reset: list-item;
 }
 
@@ -623,7 +662,6 @@ li {
   list-style-type: square;
 }
 
-
 /* leafs */
 
 /* <hr> noshade and color attributes are handled completely by
@@ -650,26 +688,27 @@ hr[size="1"] {
  * broken. But non-broken images/inputs will have a replaced box, and thus we
  * won't we don't generate the pseudo-element anyways. This prevents
  * unnecessary reframing when images become broken / non-broken. */
-input[type=image]::before,
+input[type="image"]::before,
 img::before {
   content: -moz-alt-content !important;
   unicode-bidi: isolate;
 }
 
-img[usemap], object[usemap] {
+img[usemap],
+object[usemap] {
   color: blue;
 }
 
 frameset {
-  display: block ! important;
+  display: block !important;
   overflow: clip;
-  position: static ! important;
-  float: none ! important;
-  border: none ! important;
+  position: static !important;
+  float: none !important;
+  border: none !important;
 }
 
 frame {
-  border-radius: 0 ! important;
+  border-radius: 0 !important;
 }
 
 iframe {
@@ -677,8 +716,8 @@ iframe {
 }
 
 spacer {
-  position: static ! important;
-  float: none ! important;
+  position: static !important;
+  float: none !important;
 }
 
 canvas {
@@ -703,14 +742,26 @@ html:focus-visible {
  *  * [hidden] is implemented as a presentation attribute to avoid a global
  *    selector in a UA sheet.
  */
-base, basefont, datalist, head, link, meta, noembed,
-noframes, param, rp, script, style, template, title {
-   display: none;
+base,
+basefont,
+datalist,
+head,
+link,
+meta,
+noembed,
+noframes,
+param,
+rp,
+script,
+style,
+template,
+title {
+  display: none;
 }
 
 area {
   /* Don't give it frames other than its imageframe */
-  display: none ! important;
+  display: none !important;
 }
 
 iframe:fullscreen {
@@ -865,34 +916,42 @@ rt {
 rtc {
   display: ruby-text-container;
 }
-rtc, rt {
+rtc,
+rt {
   white-space: nowrap;
   font-size: 50%;
   -moz-min-font-size-ratio: 50%;
   line-height: 1;
 }
 @media not (-moz-platform: windows) {
-  rtc, rt {
+  rtc,
+  rt {
     /* The widely-used Windows font Meiryo doesn't work fine with this
     * setting, so disable this on Windows. We should re-enable it once
     * Microsoft fixes this issue. See bug 1164279. */
     font-variant-east-asian: ruby;
   }
 }
-rtc, rt {
+rtc,
+rt {
   text-emphasis: none;
 }
-rtc:lang(zh), rt:lang(zh) {
+rtc:lang(zh),
+rt:lang(zh) {
   ruby-align: center;
 }
-rtc:lang(zh-TW), rt:lang(zh-TW) {
+rtc:lang(zh-TW),
+rt:lang(zh-TW) {
   font-size: 30%; /* bopomofo */
   -moz-min-font-size-ratio: 30%;
 }
 rtc > rt {
   font-size: unset;
 }
-ruby, rb, rt, rtc {
+ruby,
+rb,
+rt,
+rtc {
   unicode-bidi: isolate;
 }
 
@@ -910,7 +969,11 @@ slot {
 }
 
 @media print {
-  input, textarea, select, button, details {
+  input,
+  textarea,
+  select,
+  button,
+  details {
     -moz-inert: inert;
   }
 }
@@ -918,11 +981,11 @@ slot {
 /* Popover UA style, https://html.spec.whatwg.org/#flow-content-3 */
 
 [popover]:not(:popover-open):not(dialog[open]) {
-  display:none;
+  display: none;
 }
 
 dialog:popover-open {
-  display:block;
+  display: block;
 }
 
 [popover] {
diff --git a/layout/style/res/noframes.css b/layout/style/res/noframes.css
index 4d1adfdc1f0b..dcd11bc0891b 100644
--- a/layout/style/res/noframes.css
+++ b/layout/style/res/noframes.css
@@ -8,6 +8,8 @@ noframes {
   display: block;
 }
 
-frame, frameset, iframe {
+frame,
+frameset,
+iframe {
   display: none !important;
 }
diff --git a/layout/style/res/plaintext.css b/layout/style/res/plaintext.css
index 04d9b500b188..8ed5850a4342 100644
--- a/layout/style/res/plaintext.css
+++ b/layout/style/res/plaintext.css
@@ -13,7 +13,8 @@ pre {
 }
 
 /* Make text go with the rules of dir=auto, but allow it to be overriden if 'Switch Text Direction' is triggered */
-html:not([dir]) pre { /* Not a UA sheet, so doesn't use :-moz-has-dir-attr */
+html:not([dir]) pre {
+  /* Not a UA sheet, so doesn't use :-moz-has-dir-attr */
   unicode-bidi: plaintext;
 }
 
diff --git a/layout/style/res/quirk.css b/layout/style/res/quirk.css
index ccbc8fce0aaa..f2e7485cc200 100644
--- a/layout/style/res/quirk.css
+++ b/layout/style/res/quirk.css
@@ -4,7 +4,6 @@
 
 @namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */
 
-
 /* Quirk: make orphaned LIs have inside bullet (b=1049) */
 
 /* force inside position for orphaned lis */
@@ -22,7 +21,6 @@ li :is(ul, ol) {
   list-style-position: unset;
 }
 
-
 /* Quirk: ensure that we get proper padding if the very first
  * node in an LI is another UL or OL. This is an ugly way to
  * fix the problem, because it extends the LI up into what
@@ -35,7 +33,6 @@ li > ol:-moz-first-node {
   padding-block-start: 1em;
 }
 
-
 table {
   text-align: start;
   white-space: normal; /* compatible with IE & spec */
@@ -48,7 +45,6 @@ table {
   font-variant: initial;
 }
 
-
 /* Quirk: collapse top margin of BODY and TD and bottom margin of TD */
 
 /*
@@ -63,7 +59,8 @@ table {
   margin-block-start: 0;
 }
 
-td > p:-moz-last-node, th > p:-moz-last-node {
+td > p:-moz-last-node,
+th > p:-moz-last-node {
   margin-block-end: 0;
 }
 
@@ -80,11 +77,11 @@ td > p:-moz-last-node, th > p:-moz-last-node {
 }
 
 /* Quirk: Make floated images have a margin  (b=58899) */
-img[align=left] {
+img[align="left"] {
   margin-right: 3px;
 }
 
-img[align=right] {
+img[align="right"] {
   margin-left: 3px;
 }
 
@@ -95,7 +92,8 @@ 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 {
+input:not([type="image"]),
+textarea {
   box-sizing: border-box;
 }
 
diff --git a/layout/style/res/scrollbars.css b/layout/style/res/scrollbars.css
index 246af751ac3d..fd9512f37684 100644
--- a/layout/style/res/scrollbars.css
+++ b/layout/style/res/scrollbars.css
@@ -62,7 +62,12 @@
   }
 }
 
-scrollbar, scrollbarbutton, scrollcorner, slider, thumb, resizer {
+scrollbar,
+scrollbarbutton,
+scrollcorner,
+slider,
+thumb,
+resizer {
   /* We need a display value that doesn't get blockified to preserve the
    * scrollbar sizing asserts. In practice it doesn't matter since these get
    * special frames */
@@ -78,7 +83,6 @@ scrollbar, scrollbarbutton, scrollcorner, slider, thumb, resizer {
   user-select: none;
 }
 
-
 /********** resizer **********/
 
 resizer {
@@ -137,7 +141,9 @@ scrollbar[disabled] thumb {
 }
 
 @media (-moz-platform: android) {
-  scrollbar, resizer, scrollcorner {
+  scrollbar,
+  resizer,
+  scrollcorner {
     pointer-events: none;
   }
 }
diff --git a/layout/style/res/ua.css b/layout/style/res/ua.css
index 2ba72f343436..35f3bb36af1c 100644
--- a/layout/style/res/ua.css
+++ b/layout/style/res/ua.css
@@ -66,7 +66,7 @@
   column-span: inherit; /* needed if <table> has "column-span:all" */
   contain: inherit; /* needed if table has 'contain:layout' or 'paint' */
   container: inherit; /* Bug 1805588 */
-  scroll-margin: inherit;  /* Bug 1633192 */
+  scroll-margin: inherit; /* Bug 1633192 */
 }
 
 *|*::-moz-table-row {
@@ -271,7 +271,10 @@
   overflow-clip-box: inherit;
 }
 
-*|*::-moz-viewport, *|*::-moz-viewport-scroll, *|*::-moz-canvas, *|*::-moz-scrolled-canvas {
+*|*::-moz-viewport,
+*|*::-moz-viewport-scroll,
+*|*::-moz-canvas,
+*|*::-moz-scrolled-canvas {
   display: block;
   background-color: inherit;
 }
@@ -541,15 +544,23 @@ parsererror|sourcetext {
 @media -moz-pref("dom.viewTransitions.enabled") {
   /* Default cross-fade transition */
   @keyframes -ua-view-transition-fade-out {
-    to { opacity: 0; }
+    to {
+      opacity: 0;
+    }
   }
   @keyframes -ua-view-transition-fade-in {
-    from { opacity: 0; }
+    from {
+      opacity: 0;
+    }
   }
 
   /* Keyframes for blending when there are 2 images */
   @keyframes -ua-mix-blend-mode-plus-lighter {
-    from { mix-blend-mode: plus-lighter }
-    to { mix-blend-mode: plus-lighter }
+    from {
+      mix-blend-mode: plus-lighter;
+    }
+    to {
+      mix-blend-mode: plus-lighter;
+    }
   }
 }
diff --git a/layout/style/res/viewsource.css b/layout/style/res/viewsource.css
index 2b2f376b6e3d..68c34eea3cef 100644
--- a/layout/style/res/viewsource.css
+++ b/layout/style/res/viewsource.css
@@ -61,7 +61,7 @@ span[id]::before {
     font-style: italic;
   }
   .cdata {
-    color: light-dark(#CC0066, #f068ac);
+    color: light-dark(#cc0066, #f068ac);
   }
   .doctype,
   .markupdeclaration {
@@ -73,7 +73,7 @@ span[id]::before {
     font-style: italic;
   }
   .entity {
-    color: light-dark(#FF4500, #f18a65);
+    color: light-dark(#ff4500, #f18a65);
   }
   .text {
     font-weight: normal;
diff --git a/layout/style/test/chrome/bug535806-css.css b/layout/style/test/chrome/bug535806-css.css
index bda339f77666..1ef6d39a5f0f 100644
--- a/layout/style/test/chrome/bug535806-css.css
+++ b/layout/style/test/chrome/bug535806-css.css
@@ -1 +1,3 @@
-fooBar[fooBar] { color: green; }
+fooBar[fooBar] {
+  color: green;
+}
diff --git a/layout/style/test/file_bug1443344.css b/layout/style/test/file_bug1443344.css
index 74e81d1823e2..87ffca1a4011 100644
--- a/layout/style/test/file_bug1443344.css
+++ b/layout/style/test/file_bug1443344.css
@@ -1 +1,3 @@
-#importTarget { color: red ! important }
+#importTarget {
+  color: red !important;
+}
diff --git a/layout/style/test/file_bug829816.css b/layout/style/test/file_bug829816.css
index 8f12ba6f5639..0a8e5568d808 100644
Binary files a/layout/style/test/file_bug829816.css and b/layout/style/test/file_bug829816.css differ
diff --git a/layout/style/test/post-redirect-1.css b/layout/style/test/post-redirect-1.css
index 3620c9f37779..d251776e4630 100644
--- a/layout/style/test/post-redirect-1.css
+++ b/layout/style/test/post-redirect-1.css
@@ -1 +1,4 @@
-#one { color: green; background: url("?1"); }
+#one {
+  color: green;
+  background: url("?1");
+}
diff --git a/layout/style/test/post-redirect-2.css b/layout/style/test/post-redirect-2.css
index 3bdf3279d340..8e0854f4f413 100644
--- a/layout/style/test/post-redirect-2.css
+++ b/layout/style/test/post-redirect-2.css
@@ -1 +1,4 @@
-#two { color: green; background: url("?1"); }
+#two {
+  color: green;
+  background: url("?1");
+}
diff --git a/layout/style/test/post-redirect-3.css b/layout/style/test/post-redirect-3.css
index dd98be8e66ba..942950d46b35 100644
--- a/layout/style/test/post-redirect-3.css
+++ b/layout/style/test/post-redirect-3.css
@@ -1 +1,4 @@
-#three { color: green; background: url("?1"); }
+#three {
+  color: green;
+  background: url("?1");
+}
diff --git a/layout/style/test/support/external-variable-url.css b/layout/style/test/support/external-variable-url.css
index d730ac0cea50..c87e2d2e54a9 100644
--- a/layout/style/test/support/external-variable-url.css
+++ b/layout/style/test/support/external-variable-url.css
@@ -1,3 +1,3 @@
 #t4 {
-  --a: url('image.png');
+  --a: url("image.png");
 }
diff --git a/layout/style/test/unstyled.css b/layout/style/test/unstyled.css
index 82767f9b2f61..a552372ce38d 100644
--- a/layout/style/test/unstyled.css
+++ b/layout/style/test/unstyled.css
@@ -1,2 +1,4 @@
 /* we're testing computed style on elements without frames */
-root { display: none }
+root {
+  display: none;
+}
diff --git a/layout/svg/svg.css b/layout/svg/svg.css
index 98ae44406340..eff2de40878f 100644
--- a/layout/svg/svg.css
+++ b/layout/svg/svg.css
@@ -7,42 +7,48 @@
 @namespace url(http://www.w3.org/2000/svg);
 @namespace xml url(http://www.w3.org/XML/1998/namespace);
 
-style, script {
- display: none;
+style,
+script {
+  display: none;
 }
 
 svg {
   -moz-min-font-size-ratio: 0%;
 }
 
-svg:not(:root), symbol, image, marker, pattern, foreignObject {
- overflow: hidden;
+svg:not(:root),
+symbol,
+image,
+marker,
+pattern,
+foreignObject {
+  overflow: hidden;
 }
 
 @media all and (-moz-is-glyph) {
- :root {
-   fill: context-fill;
-   fill-opacity: context-fill-opacity;
-   stroke: context-stroke;
-   stroke-opacity: context-stroke-opacity;
-   stroke-width: context-value;
-   stroke-dasharray: context-value;
-   stroke-dashoffset: context-value;
- }
+  :root {
+    fill: context-fill;
+    fill-opacity: context-fill-opacity;
+    stroke: context-stroke;
+    stroke-opacity: context-stroke-opacity;
+    stroke-width: context-value;
+    stroke-dasharray: context-value;
+    stroke-dashoffset: context-value;
+  }
 }
 
 foreignObject {
-  appearance: none ! important;
-  margin: 0 ! important;
-  padding: 0 ! important;
-  border-width: 0 ! important;
+  appearance: none !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  border-width: 0 !important;
   white-space: normal;
 }
 
 @media all and (-moz-is-resource-document) {
- foreignObject *|* {
-   appearance: none !important;
- }
+  foreignObject *|* {
+    appearance: none !important;
+  }
 }
 
 *|*::-moz-svg-foreign-content {
@@ -57,7 +63,7 @@ foreignObject {
 */
 *:not(svg),
 *:not(foreignObject) > svg {
-  transform-origin:0 0;
+  transform-origin: 0 0;
 }
 
 *|*::-moz-svg-text {
@@ -65,7 +71,7 @@ foreignObject {
   vector-effect: inherit;
 }
 
-*[xml|space=preserve] {
+*[xml|space="preserve"] {
   white-space: preserve-spaces;
 }
 
@@ -78,7 +84,14 @@ foreignObject {
 
 /* Make SVG shapes unselectable to avoid triggering AccessibleCaret on tap.
    <mesh> will be supported in bug 1238882. */
-circle, ellipse, line, mesh, path, polygon, polyline, rect {
+circle,
+ellipse,
+line,
+mesh,
+path,
+polygon,
+polyline,
+rect {
   user-select: none;
 }