mdn · teoli2003 · Jul 10, 2022 · Jul 10, 2022 · Jul 10, 2022 · Jul 10, 2022
@@ -36,13 +36,13 @@ debug(msg, subst1, /* ..., */ substN])
 
 ### Parameters
 
-- `obj1` ... `objN`
+- `obj1` … `objN`
   - : A list of JavaScript objects to output. The string representations of each of these
     objects are appended together in the order listed and output to the console.
 - `msg`
   - : A JavaScript string containing zero or more substitution strings, which are replaced
     with `subst1` through `substN` in consecutive order.
-- `subst1` ... `substN`
+- `subst1` … `substN`
   - : JavaScript objects with which to replace substitution strings within
     `msg`. This gives you additional control over the format of the output. See
     {{SectionOnPage("/en-US/docs/Web/API/console", "Using string substitutions")}} for a

@@ -28,12 +28,12 @@ error(msg, subst1, /* ..., */ substN])
 
 ### Parameters
 
-- `obj1` ... `objN`
+- `obj1` … `objN`
   - : A list of JavaScript objects to output. The string representations of each of
     these objects are appended together in the order listed and output.
 - `msg`
   - : A JavaScript string containing zero or more substitution strings.
-- `subst1` ... `substN`
+- `subst1` … `substN`
   - : JavaScript objects with which to replace substitution strings within
     `msg`. This gives you additional control over the format of the output.
 

@@ -29,12 +29,12 @@ info(msg, subst1, /* ..., */ substN])
 
 ### Parameters
 
-- `obj1` ... `objN`
+- `obj1` … `objN`
   - : A list of JavaScript objects to output. The string representations of each of these
     objects are appended together in the order listed and output.
 - `msg`
   - : A JavaScript string containing zero or more substitution strings.
-- `subst1` ... `substN`
+- `subst1` … `substN`
   - : JavaScript objects with which to replace substitution strings within
     `msg`. This gives you additional control over the format of the output.
 

@@ -34,7 +34,7 @@ log(msg, subst1, /* ..., */ substN])
 
 ### Parameters
 
-- `obj1` ... `objN`
+- `obj1` … `objN`
   - : A list of JavaScript objects to output. The string representations of each of these
     objects are appended together in the order listed and output. Please be warned that if
     you log objects in the latest versions of Chrome and Firefox what you get logged on
@@ -43,7 +43,7 @@ log(msg, subst1, /* ..., */ substN])
     it is the value of the object at the moment you open the console.
 - `msg`
   - : A JavaScript string containing zero or more substitution strings.
-- `subst1` ... `substN`
+- `subst1` … `substN`
   - : JavaScript objects with which to replace substitution strings within
     `msg`. This gives you additional control over the format of the output.
 

@@ -32,12 +32,12 @@ warn(msg, subst1, /* ..., */ substN])
 
 ### Parameters
 
-- `obj1` ... `objN`
+- `obj1` … `objN`
   - : A list of JavaScript objects to output. The string representations of each of these
     objects are appended together in the order listed and output.
 - `msg`
   - : A JavaScript string containing zero or more substitution strings.
-- `subst1` ... `substN`
+- `subst1` … `substN`
   - : JavaScript objects with which to replace substitution strings within
     `msg`. This gives you additional control over the format of the output.
 

@@ -72,20 +72,20 @@ Moreover, using `textContent` can prevent {{glossary("Cross-site_scripting", "XS
 
 ## Examples
 
-Given this HTML fragment:
+Start with this HTML fragment.
 
 ```html
 <div id="divA">This is <span>some</span> text!</div>
 ```
 
-... you can use `textContent` to get the element's text content:
+You can use `textContent` to get the element's text content:
 
 ```js
 let text = document.getElementById('divA').textContent;
 // The text variable is now: 'This is some text!'
 ```
 
-... or set the element's text content:
+If you prefer to set the element's text content, you can do:
 
 ```js
 document.getElementById('divA').textContent = 'This text is different!';

@@ -22,7 +22,7 @@ Given this {{HTMLElement("canvas")}} element:
 <canvas id="canvas"></canvas>
 ```
 
-... you can get a {{domxref("TextMetrics")}} object using the following code:
+… you can get a {{domxref("TextMetrics")}} object using the following code:
 
 ```js
 const canvas = document.getElementById('canvas');

@@ -230,7 +230,7 @@ You can find a number of examples at our [webaudio-example repo](https://github.
 - [Tone.js](https://tonejs.github.io/): a framework for creating interactive music in the browser.
 - [howler.js](https://github.com/goldfire/howler.js/): a JS audio library that defaults to [Web Audio API](https://webaudio.github.io/web-audio-api/) and falls back to [HTML5 Audio](https://html.spec.whatwg.org/multipage/media.html#the-audio-element), as well as providing other useful features.
 - [Mooog](https://github.com/mattlima/mooog): jQuery-style chaining of AudioNodes, mixer-style sends/returns, and more.
-- [XSound](https://xsound.jp/): Web Audio API Library for Synthesizer, Effects, Visualization, Recording ... etc
+- [XSound](https://xsound.jp/): Web Audio API Library for Synthesizer, Effects, Visualization, Recording etc.
 - [OpenLang](https://github.com/chrisjohndigital/OpenLang): HTML5 video language lab web application using the Web Audio API to record and combine video and audio from different sources into a single file ([source on GitHub](https://github.com/chrisjohndigital/OpenLang))
 - [Pts.js](https://ptsjs.org/): Simplifies web audio visualization ([guide](https://ptsjs.org/guide/sound-0800))
 

@@ -245,9 +245,10 @@ function createNoteTable() {
   noteFreq[1]["A"] = 55.000000000000000;
   noteFreq[1]["A#"] = 58.270470189761239;
   noteFreq[1]["B"] = 61.735412657015513;
+  // …
 ```
 
-... several octaves not shown for brevity ...
+Several octaves not shown for brevity.
 
 ```js hidden
   noteFreq[2]["C"] = 65.406391325149658;

@@ -20,7 +20,7 @@ This article describes how the various WebRTC-related protocols interact with on
 
 ## Signaling
 
-Unfortunately, WebRTC can't create connections without some sort of server in the middle. We call this the **signal channel** or **signaling service**. It's any sort of channel of communication to exchange information before setting up a connection, whether by email, post card or a carrier pigeon... it's up to you.
+Unfortunately, WebRTC can't create connections without some sort of server in the middle. We call this the **signal channel** or **signaling service**. It's any sort of channel of communication to exchange information before setting up a connection, whether by email, post card or a carrier pigeon. it's up to you.
 
 The information we need to exchange is the Offer and Answer which just contains the {{Glossary("SDP")}} mentioned below.
 

@@ -209,7 +209,7 @@ On the other hand, if the received message contains an ICE candidate, we deliver
 
 ## Making negotiation perfect
 
-If you're curious what makes perfect negotiation so... perfect... this section is for you. Here, we'll look at each change made to the WebRTC API and to best practice recommendations to make perfect negotiation possible.
+If you're curious what makes perfect negotiation _so perfect_, this section is for you. Here, we'll look at each change made to the WebRTC API and to best practice recommendations to make perfect negotiation possible.
 
 ### Glare-free setLocalDescription()
 

@@ -145,7 +145,7 @@ Try to place light sources in realistic locations for the setting and the mood y
 
 ### Realism in player interactions with light
 
-If your light source is located within the scene, you probably should try to ensure the viewer's avatar can't physically intersect with the light source. The results could be... strange.
+If your light source is located within the scene, you probably should try to ensure the viewer's avatar can't physically intersect with the light source. The results could be strange.
 
 If the viewer's avatar is meant to have physical form, it should have a model, even if the viewer can never see it, so that light interacts with the avatar correctly. Minimally, this means the avatar should cast an appropriate shadow; however, depending on factors such as whether or not the avatar can be seen and the materials, texturing, and other attributes of the its model—including, especially, its reflectivity—the avatar may also need to reflect light, as well as potentially affect the coloration of the light reflected off of it.
 

@@ -280,7 +280,7 @@ function openRequestedSinglePopup(url) {
     can also be disabled. Moving and resizing a window remotely on the user's screen via
     script will very often annoy the users, will disorient the user, and will be wrong at
     best. The web author expects to have full control of (and can decide about) every
-    position and size aspects of the users' browser window ... which is not true.
+    position and size aspects of the users' browser window, which is not true.
 
 - How do I know whether a window I opened is still open?
   - : You can test for the existence of the window object reference which is the returned

@@ -159,7 +159,7 @@ dir ol dir,   dir ul dir,   dir menu dir,   dir dir dir {
 }
 ```
 
-... can be replaced with:
+… can be replaced with:
 
 ```css
 /* 3-deep (or more) unordered lists use a square */

@@ -22,14 +22,14 @@ border-bottom-style: dotted;
 border-bottom: thick green;
 ```
 
-... is actually the same as ...
+… is actually the same as ...
 
 ```css
 border-bottom-style: dotted;
 border-bottom: none thick green;
 ```
 
-... and the value of {{cssxref("border-bottom-style")}} given before `border-bottom` is ignored. Since the default value of {{cssxref("border-bottom-style")}} is `none`, not specifying the `border-style` part results in no border.
+… and the value of {{cssxref("border-bottom-style")}} given before `border-bottom` is ignored. Since the default value of {{cssxref("border-bottom-style")}} is `none`, not specifying the `border-style` part results in no border.
 
 ## Constituent properties
 

@@ -22,14 +22,14 @@ border-left-style: dotted;
 border-left: thick green;
 ```
 
-... is actually the same as ...
+… is actually the same as ...
 
 ```css
 border-left-style: dotted;
 border-left: none thick green;
 ```
 
-... and the value of {{cssxref("border-left-style")}} given before `border-left` is ignored. Since the default value of {{cssxref("border-left-style")}} is `none`, not specifying the `border-style` part results in no border.
+… and the value of {{cssxref("border-left-style")}} given before `border-left` is ignored. Since the default value of {{cssxref("border-left-style")}} is `none`, not specifying the `border-style` part results in no border.
 
 ## Constituent properties
 

@@ -22,14 +22,14 @@ border-right-style: dotted;
 border-right: thick green;
 ```
 
-... is actually the same as ...
+… is actually the same as ...
 
 ```css
 border-right-style: dotted;
 border-right: none thick green;
 ```
 
-... and the value of {{cssxref("border-right-style")}} given before `border-right` is ignored. Since the default value of {{cssxref("border-right-style")}} is `none`, not specifying the `border-style` part results in no border.
+… and the value of {{cssxref("border-right-style")}} given before `border-right` is ignored. Since the default value of {{cssxref("border-right-style")}} is `none`, not specifying the `border-style` part results in no border.
 
 ## Constituent properties
 

@@ -22,14 +22,14 @@ border-top-style: dotted;
 border-top: thick green;
 ```
 
-... is actually the same as ...
+… is actually the same as ...
 
 ```css
 border-top-style: dotted;
 border-top: none thick green;
 ```
 
-... and the value of {{cssxref("border-top-style")}} given before `border-top` is ignored. Since the default value of {{cssxref("border-top-style")}} is `none`, not specifying the `border-style` part results in no border.
+… and the value of {{cssxref("border-top-style")}} given before `border-top` is ignored. Since the default value of {{cssxref("border-top-style")}} is `none`, not specifying the `border-style` part results in no border.
 
 ## Constituent properties
 

@@ -82,7 +82,7 @@ An inline element that contains line breaks styled with:
 <span class="example">The<br>quick<br>orange fox</span>
 ```
 
-... results in:
+… results in:
 
 ![A screenshot of the rendering of an inline element styled with box-decoration-break:slice and styles given in the example.](box-decoration-break-inline-slice.png)
 
@@ -93,7 +93,7 @@ Adding `box-decoration-break: clone` to the above styles:
 box-decoration-break: clone;
 ```
 
-... results in:
+… results in:
 
 ![A screenshot of the rendering of an inline element styled with box-decoration-break:clone and styles given in the example](box-decoration-break-inline-clone.png)
 

@@ -39,7 +39,7 @@ font-size: 14px;
 font-size-adjust: 0.5;
 ```
 
-... is really specifying that the lowercase letters of the font should be `7px` high (0.5 × 14px).  This will still produce reasonable results in browsers that do not support `font-size-adjust`, where a `14px` font will be used.
+… is really specifying that the lowercase letters of the font should be `7px` high (0.5 × 14px).  This will still produce reasonable results in browsers that do not support `font-size-adjust`, where a `14px` font will be used.
 
 ## Syntax
 

@@ -40,7 +40,7 @@ In this example, the `h2` elements inside the sidebar might be different colors.
 div#current { color: blue; }
 ```
 
-... it would be blue.
+… it would be blue.
 
 ## Specifications
 

@@ -29,13 +29,13 @@ A typical example of an inherited property is the {{ Cssxref("color") }} propert
 p { color: green; }
 ```
 
-... and the markup:
+… and the markup:
 
 ```html
 <p>This paragraph has <em>emphasized text</em> in it.</p>
 ```
 
-... the words "emphasized text" will appear green, since the `em` element has inherited the value of the {{ Cssxref("color") }} property from the `p` element. It does _not_ get the initial value of the property (which is the color that is used for the root element when the page specifies no color).
+… the words "emphasized text" will appear green, since the `em` element has inherited the value of the {{ Cssxref("color") }} property from the `p` element. It does _not_ get the initial value of the property (which is the color that is used for the root element when the page specifies no color).
 
 ## Non-inherited properties
 
@@ -47,13 +47,13 @@ A typical example of a non-inherited property is the {{ Cssxref("border") }} pro
  p { border: medium solid; }
 ```
 
-... and the markup:
+… and the markup:
 
 ```html
   <p>This paragraph has <em>emphasized text</em> in it.</p>
 ```
 
-... the words "emphasized text" will not have a border (since the initial value of {{ Cssxref("border-style") }} is `none`).
+… the words "emphasized text" will not have a border (since the initial value of {{ Cssxref("border-style") }} is `none`).
 
 ## Notes
 

@@ -144,13 +144,13 @@ The `not` is evaluated last in the following query:
 @media not all and (monochrome) { ... }
 ```
 
-... so that the above query is evaluated like this:
+… so that the above query is evaluated like this:
 
 ```css
 @media not (all and (monochrome)) { ... }
 ```
 
-... rather than like this:
+… rather than like this:
 
 ```css example-bad
 @media (not all) and (monochrome) { ... }
@@ -162,7 +162,7 @@ As another example, the following media query:
 @media not screen and (color), print and (color) { ... }
 ```
 
-... is evaluated like this:
+… is evaluated like this:
 
 ```css
 @media (not (screen and (color))), print and (color) { ... }

@@ -23,7 +23,7 @@ style-rule ::=
     }
 ```
 
-... where :
+… where :
 
 ```css
 selectors-list ::=

@@ -79,7 +79,7 @@ background-repeat: no-repeat;
 background-position: left top;
 ```
 
-... can be shortened to just one declaration:
+… can be shortened to just one declaration:
 
 ```css
 background: #000 url(images/bg.gif) no-repeat left top;
@@ -101,7 +101,7 @@ line-height: 1.2;
 font-family: Arial, sans-serif;
 ```
 
-... can be shortened to the following:
+… can be shortened to the following:
 
 ```css
 font: italic bold .8em/1.2 Arial, sans-serif;
@@ -119,7 +119,7 @@ border-style: solid;
 border-color: #000;
 ```
 
-... can be simplified as:
+… can be simplified as:
 
 ```css
 border: 1px solid #000;
@@ -136,7 +136,7 @@ margin-bottom: 10px;
 margin-left: 5px;
 ```
 
-... are the same as the following declaration using the four value shorthand. Note that the values are in clockwise order, beginning at the top: top, right, bottom, then left (TRBL, the consonants in "trouble").
+… are the same as the following declaration using the four value shorthand. Note that the values are in clockwise order, beginning at the top: top, right, bottom, then left (TRBL, the consonants in "trouble").
 
 ```css
 margin: 10px 5px 10px 5px;
-Original file line number
+Diff line change
@@ Expand Up / @@ -159,7 +159,7 @@ dir ol dir, dir ul dir, dir menu dir, dir dir dir { @@
     }
     ```
-    ... can be replaced with:
+    … can be replaced with:
     ```css
     /* 3-deep (or more) unordered lists use a square */
@@ Expand Down @@