chore(pt-br): replace old-style specification tables part 7 (#16610)

* chore(pt-br): replace old-style specification tables part 7 * chore(pt-br): replace the rest `{{SpecName}}` macro calls * Update files/pt-br/web/javascript/reference/global_objects/function/arguments/index.md Co-authored-by: Josiel Rocha <[email protected]> * align the headings --------- Co-authored-by: Josiel Rocha <[email protected]>
mdn · Nov 9, 2023 · 843c1a0 · 843c1a0
1 parent 2cbefab
commit 843c1a0
Show file tree

Hide file tree

Showing 74 changed files with 155 additions and 427 deletions.
diff --git a/files/pt-br/glossary/css_selector/index.md b/files/pt-br/glossary/css_selector/index.md
@@ -3,21 +3,26 @@ title: Selector (CSS)
 slug: Glossary/CSS_Selector
 ---
 
-O **seletor CSS** é parte da regra do CSS que lhe permite selecionar qual elemento(s) vai receber o estilo pela regra. Por exemplo:
+O **seletor CSS** é parte da regra do CSS que lhe permite selecionar qual elemento(s) vai receber o estilo pela regra.
 
+## Exemplos
+
+### HTML
+
+```html
+<div>Eu estou dentro do elemento.</div>
+<p>Eu estou dentro de um elemento de parágrafo.</p>
 ```
-***HTML***
-<div> Eu estou dentro do elemento. </div>
-<p> Eu estou dentro de um elemento de parágrafo. </p>
 
+### CSS
 
-***CSS***
+```css
 div {
- color: green;
+  color: green;
 }
 
 p {
- color: red;
+  color: red;
 }
 ```
 
@@ -50,4 +55,4 @@ Nessa primeira regra do CSS, eu estou selecionando o elemento da div estilizando
 
 ### Referência técnica
 
-{{SpecName("CSS3 Selectors")}}
+[Selectors Level 3](https://drafts.csswg.org/selectors-3/)
diff --git a/files/pt-br/glossary/forbidden_response_header_name/index.md b/files/pt-br/glossary/forbidden_response_header_name/index.md
@@ -4,9 +4,3 @@ slug: Glossary/Forbidden_response_header_name
 ---
 
 Um _nome de cabeçalho de resposta proibido_ é um nome de [cabeçalho HTTP](/pt-BR/docs/Web/HTTP/Headers) (ou `Set-Cookie` ou `Set-Cookie2`) que não pode ser modificado programaticamente.
-
-## Especificações
-
-| Especificação                                                                            | Status             | Comentário |
-| ---------------------------------------------------------------------------------------- | ------------------ | ---------- |
-| {{SpecName('Fetch','#forbidden-response-header-name','forbidden-response-header-name')}} | {{Spec2('Fetch')}} |            |
diff --git a/files/pt-br/glossary/origin/index.md b/files/pt-br/glossary/origin/index.md
@@ -20,12 +20,6 @@ Algumas operações são restritas para conteúdos de mesma origem, e essa restr
 | `http://example.com` `http://www.example.com` `http://myapp.example.com` | Hosts diferentes    |
 | `http://example.com` `http://example.com:8080`                           | Portas diferentes   |
 
-## Especificações
-
-| Especificação                                    | Status                   | Comentário |
-| ------------------------------------------------ | ------------------------ | ---------- |
-| {{SpecName('HTML WHATWG', '#origin', 'origin')}} | {{Spec2('HTML WHATWG')}} |            |
-
 ## Aprenda mais
 
 Veja [Same-origin policy](/pt-BR/docs/Web/Security/Same-origin_policy) para mais informações.

diff --git a/files/pt-br/web/api/element/scrollwidth/index.md b/files/pt-br/web/api/element/scrollwidth/index.md
@@ -78,11 +78,9 @@ _xScrollWidth_ é a largura do conteúdo do _elemento_ em pixels.
 </html>
 ```
 
-## Especificação
+## Especificações
 
-| Especificação                                                                 | Status                  | Comentário        |
-| ----------------------------------------------------------------------------- | ----------------------- | ----------------- |
-| {{SpecName("CSSOM View", "#dom-element-scrollwidth", "Element.scrollWidth")}} | {{Spec2("CSSOM View")}} | Definição inicial |
+{{Specifications}}
 
 ## Referências
 

diff --git a/files/pt-br/web/css/@media/aspect-ratio/index.md b/files/pt-br/web/css/@media/aspect-ratio/index.md
@@ -84,12 +84,9 @@ h.onchange = h.oninput = function () {
 
 {{ EmbedLiveSample('_Exemplo', '300px', '400px') }}
 
-## Specificações
+## Especificações
 
-| Specification                                                       | Status                          | Comment             |
-| ------------------------------------------------------------------- | ------------------------------- | ------------------- |
-| {{SpecName('CSS4 Media Queries', '#aspect-ratio', 'aspect-ratio')}} | {{Spec2('CSS4 Media Queries')}} | No change.          |
-| {{SpecName('CSS3 Media Queries', '#aspect-ratio', 'aspect-ratio')}} | {{Spec2('CSS3 Media Queries')}} | Initial definition. |
+{{Specifications}}
 
 ## Compatibilidade com navegadores
 

diff --git a/files/pt-br/web/css/_colon_disabled/index.md b/files/pt-br/web/css/_colon_disabled/index.md
@@ -81,15 +81,9 @@ function toggleBilling() {
 
 {{EmbedLiveSample('Example', 300, 250)}}
 
-## Expecificações
-
-| Specification                                                   | Status                      | Comment                                                     |
-| --------------------------------------------------------------- | --------------------------- | ----------------------------------------------------------- |
-| {{SpecName('HTML WHATWG', '#selector-disabled', ':disabled')}}  | {{Spec2('HTML WHATWG')}}    | No change.                                                  |
-| {{SpecName('HTML5 W3C', '#selector-disabled', ':disabled')}}    | {{Spec2('HTML5 W3C')}}      | Defines the semantics of HTML and forms.                    |
-| {{SpecName('CSS4 Selectors', '#enableddisabled', ':disabled')}} | {{Spec2('CSS4 Selectors')}} | No change.                                                  |
-| {{SpecName('CSS3 Basic UI', '#pseudo-classes', ':disabled')}}   | {{Spec2('CSS3 Basic UI')}}  | Links to Selectors Level 3.                                 |
-| {{SpecName('CSS3 Selectors', '#enableddisabled', ':disabled')}} | {{Spec2('CSS3 Selectors')}} | Defines the pseudo-class, but not the associated semantics. |
+## Especificações
+
+{{Specifications}}
 
 ## Compatibilidade com navegadores
 

diff --git a/files/pt-br/web/css/_colon_focus/index.md b/files/pt-br/web/css/_colon_focus/index.md
@@ -38,14 +38,9 @@ elemento:focus { ... }
 
 {{ EmbedLiveSample('Exemplos', '', '', '', 'Web/CSS/:focus') }}
 
-## Especificação
-
-| Especificação                                                                         | Estado                      | Comentário                  |
-| ------------------------------------------------------------------------------------- | --------------------------- | --------------------------- |
-| {{SpecName('HTML WHATWG', 'scripting.html#selector-focus', ':focus')}}                | {{Spec2('HTML WHATWG')}}    | Define a semântica no HTML. |
-| {{SpecName('CSS4 Selectors', '#focus-pseudo', ':focus')}}                             | {{Spec2('CSS4 Selectors')}} | Nenhuma modificação.        |
-| {{SpecName('CSS3 Selectors', '#the-user-action-pseudo-classes-hover-act', ':focus')}} | {{Spec2('CSS3 Selectors')}} | Nenhuma modificação.        |
-| {{SpecName('CSS2.1', 'selector.html#dynamic-pseudo-classes', ':focus')}}              | {{Spec2('CSS2.1')}}         | Definição inicial.          |
+## Especificações
+
+{{Specifications}}
 
 ## Compatibilidade com navegadores
 

diff --git a/files/pt-br/web/css/_colon_only-of-type/index.md b/files/pt-br/web/css/_colon_only-of-type/index.md
@@ -15,12 +15,9 @@ A [pseudo-classe](/pt-BR/docs/Web/CSS/Pseudo-classes) CSS `:only-of-type` repres
 :only-of-type { propriedades}
 ```
 
-## Especifcações
+## Especificações
 
-| Especificação                                                           | Status                      | Comentário         |
-| ----------------------------------------------------------------------- | --------------------------- | ------------------ |
-| {{SpecName('CSS4 Selectors', '#only-of-type-pseudo', ':only-of-type')}} | {{Spec2('CSS4 Selectors')}} | Sem mudanças.      |
-| {{SpecName('CSS3 Selectors', '#only-of-type-pseudo', ':only-of-type')}} | {{Spec2('CSS3 Selectors')}} | Definição inicial. |
+{{Specifications}}
 
 ## Navegadores compatíveis
 

diff --git a/files/pt-br/web/css/animation-delay/index.md b/files/pt-br/web/css/animation-delay/index.md
@@ -43,11 +43,9 @@ Muitas vezes é conveniente usar a propriedade abreviada {{cssxref("animation")}
 
 Veja [CSS animations](/pt-BR/docs/CSS/CSS_animations) para exemplos.
 
-## Especificação
+## Especificações
 
-| Especificação                                                          | Status                       | Comentário         |
-| ---------------------------------------------------------------------- | ---------------------------- | ------------------ |
-| {{SpecName('CSS3 Animations', '#animation-delay', 'animation-delay')}} | {{Spec2('CSS3 Animations')}} | Definição inicial. |
+{{Specifications}}
 
 ## Compatibilidade com os browsers
 

diff --git a/files/pt-br/web/css/block-size/index.md b/files/pt-br/web/css/block-size/index.md
@@ -68,11 +68,9 @@ A propriedade `block-size` leva os mesmos valores que as propriedades {{cssxref(
 
 {{EmbedLiveSample("Example")}}
 
-## Especificação
+## Especificações
 
-| Specification                                                                         | Status                              | Comment           |
-| ------------------------------------------------------------------------------------- | ----------------------------------- | ----------------- |
-| {{SpecName("CSS Logical Properties", "#logical-dimension-properties", "block-size")}} | {{Spec2("CSS Logical Properties")}} | Definição inicial |
+{{Specifications}}
 
 ## Compatibilidade com navegadores
 

diff --git a/files/pt-br/web/css/color_value/index.md b/files/pt-br/web/css/color_value/index.md
@@ -66,7 +66,7 @@ Existem algumas restrições a serem consideradas ao usar palavras-chave:
   </thead>
   <tbody>
     <tr style="position: relative">
-      <td rowspan="16">{{SpecName("CSS1")}}</td>
+      <td rowspan="16"><a href="https://www.w3.org/TR/CSS1/">CSS Level 1</a></td>
       <td style="background: #000"></td>
       <td style="text-align: center"><code>black</code></td>
       <td><code>#000000</code></td>
@@ -163,14 +163,14 @@ Existem algumas restrições a serem consideradas ao usar palavras-chave:
       <td style="background: aqua"></td>
     </tr>
     <tr>
-      <td>{{SpecName("CSS2.1")}}</td>
+      <td><a href="https://www.w3.org/TR/CSS2/">CSS Level 2 (Revision 1)</a></td>
       <td style="background: #ffa500"></td>
       <td style="text-align: center"><code>orange</code></td>
       <td><code>#ffa500</code></td>
       <td style="background: orange"></td>
     </tr>
     <tr>
-      <td rowspan="129">{{SpecName("CSS3 Colors")}}</td>
+      <td rowspan="129"><a href="https://drafts.csswg.org/css-color-3/">CSS Color Module Level 3</a></td>
       <td style="background: #f0f8ff"></td>
       <td style="text-align: center"><code>aliceblue</code></td>
       <td><code>#f0f8ff</code></td>
@@ -945,7 +945,7 @@ Existem algumas restrições a serem consideradas ao usar palavras-chave:
       <td style="background: yellowgreen"></td>
     </tr>
     <tr>
-      <td>{{SpecName("CSS4 Colors")}}</td>
+      <td><a href="https://drafts.csswg.org/css-color/">CSS Color Module Level 4</a></td>
       <td style="background: #639"></td>
       <td style="text-align: center"><code>rebeccapurple</code></td>
       <td><code>#663399</code></td>
@@ -1293,12 +1293,7 @@ Not all system colors are supported on all systems. {{deprecated_inline}} for us
 
 ## Specificações
 
-| Specificação                                                            | Estado                   | Comentário                                                                                                                                                                                                                                                                                                                            |
-| ----------------------------------------------------------------------- | ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| {{SpecName('CSS4 Colors', '#colorunits', '&lt;color&gt;')}}             | {{Spec2('CSS4 Colors')}} | Added `rebeccapurple`, four- (`#RGBA`) and eight-digit (`#RRGGBBAA`) hexadecimal notations, `rgba()` and `hsla()` as aliases of `rgb()` and `hsl()` (both with identical parameter syntax), space-separated function parameters rather than commas, percentages for alpha values, and angles for the hue component in `hsl()` colors. |
-| {{SpecName('CSS3 Colors', '#colorunits', '&lt;color&gt;')}}             | {{Spec2('CSS3 Colors')}} | Deprecated system-colors; added SVG colors; added `rgba()`, `hsl()`, `hsla()` functional notation.                                                                                                                                                                                                                                    |
-| {{SpecName('CSS2.1', 'syndata.html#value-def-color', '&lt;color&gt;')}} | {{Spec2('CSS2.1')}}      | Added the `orange` color and the system-colors.                                                                                                                                                                                                                                                                                       |
-| {{SpecName('CSS1', '#color-units', '&lt;color&gt;')}}                   | {{Spec2('CSS1')}}        | Initial definition.                                                                                                                                                                                                                                                                                                                   |
+{{Specifications}}
 
 ## Compatibilidade com navegadores
 

diff --git a/files/pt-br/web/css/css_box_model/introduction_to_the_css_box_model/index.md b/files/pt-br/web/css/css_box_model/introduction_to_the_css_box_model/index.md
@@ -29,13 +29,6 @@ Quando ocorre um [colapso de margens](/pt-BR/docs/Web/CSS/margin_collapsing), a
 
 Finalmente, note que, para elementos não substituídos inline, o total de espaço ocupado (para a altura da linha) é determinado pela propriedade {{ cssxref('line-height') }}, mesmo que a borda e o padding aparecerem visualmente em torno do conteúdo.
 
-## Especificação
-
-| Especificação                                     | Status                | Comentário                                                        |
-| ------------------------------------------------- | --------------------- | ----------------------------------------------------------------- |
-| {{ SpecName("CSS2.1","box.html#box-dimensions")}} | {{ Spec2('CSS2.1') }} | Embora mais precisamente formulada, não existem mudanças práticas |
-| {{ SpecName("CSS1","#formatting-model")}}         | {{ Spec2('CSS1') }}   |                                                                   |
-
 ## Veja também
 
 - [Referência CSS](/pt-BR/docs/Web/CSS/CSS_Reference)

diff --git a/files/pt-br/web/css/css_box_model/mastering_margin_collapsing/index.md b/files/pt-br/web/css/css_box_model/mastering_margin_collapsing/index.md
@@ -30,12 +30,6 @@ Algumas coisas podem ser observadas:
 
 Margens de [elementos flutuantes](/pt-BR/docs/Web/CSS/float) e [posicionados de forma absoluta](/pt-BR/docs/Web/CSS/position#Absolute_positioning) nunca colapsam.
 
-## Especificações
-
-| Espeficicações                                                             | Status              | Comentário        |
-| -------------------------------------------------------------------------- | ------------------- | ----------------- |
-| {{SpecName("CSS2.1", "box.html#collapsing-margins", "margin collapsing")}} | {{Spec2("CSS2.1")}} | Definição inicial |
-
 ## Veja Também
 
 - [CSS Reference](/pt-BR/docs/Web/CSS/CSS_Reference)
diff --git a/files/pt-br/web/css/flex-wrap/index.md b/files/pt-br/web/css/flex-wrap/index.md
@@ -120,11 +120,9 @@ Os seguintes valores são aceitos :
 
 {{ EmbedLiveSample('Setting_flex_container_wrap_values', '700px', '700px', '', 'Web/CSS/flex-wrap') }}
 
-## Especificação
+## Especificações
 
-| Especificação                                                      | Status                      | Comentário |
-| ------------------------------------------------------------------ | --------------------------- | ---------- |
-| {{ SpecName('CSS3 Flexbox', '#flex-wrap-property', 'flex-wrap') }} | {{ Spec2('CSS3 Flexbox') }} |            |
+{{Specifications}}
 
 ## Compatibilidade com navegadores
 

diff --git a/files/pt-br/web/css/overflow-wrap/index.md b/files/pt-br/web/css/overflow-wrap/index.md
@@ -49,9 +49,7 @@ FStrPrivFinÄndG (Gesetz zur Änderung des Fernstraßenbauprivatfinanzierungsges
 
 ## Especificações
 
-| Especificação                                                        | Status                   | Comentário |
-| -------------------------------------------------------------------- | ------------------------ | ---------- |
-| [CSS Text Level 3](http://dev.w3.org/csswg/css3-text/#overflow-wrap) | {{ Spec2('CSS3 Text') }} |            |
+{{Specifications}}
 
 ## Compatibilidade com navegadores
 

diff --git a/files/pt-br/web/css/page-break-before/index.md b/files/pt-br/web/css/page-break-before/index.md
@@ -75,13 +75,9 @@ div.note {
 }
 ```
 
-## Specification
+## Especificações
 
-| Specification                                                                      | Status                              | Comment                                                                            |
-| ---------------------------------------------------------------------------------- | ----------------------------------- | ---------------------------------------------------------------------------------- |
-| {{SpecName('CSS Logical Properties', '#page', 'recto and verso')}}                 | {{Spec2('CSS Logical Properties')}} | Adds the values `recto` and `verso`.                                               |
-| {{SpecName('CSS3 Paged Media', '#page-break-before', 'page-break-before')}}        | {{Spec2('CSS3 Paged Media')}}       | Extends the element that this property applies to table rows and table row groups. |
-| {{SpecName('CSS2.1', 'page.html#propdef-page-break-before', 'page-break-before')}} | {{Spec2('CSS2.1')}}                 | Initial definition                                                                 |
+{{Specifications}}
 
 ## Browser compatibility
 

diff --git a/files/pt-br/web/css/text-shadow/index.md b/files/pt-br/web/css/text-shadow/index.md
@@ -128,12 +128,9 @@ text-shadow: unset;
 
 {{EmbedLiveSample('Example3', '689px', '90px')}}
 
-**Especificações**
+## Especificações
 
-| Especificação                                                         | Status                              | Comentário                                                                                                                                                                                                                                                                                                                                                                              |
-| --------------------------------------------------------------------- | ----------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| {{ SpecName('CSS3 Transitions', '#animatable-css', 'text-shadow') }}  | {{ Spec2('CSS3 Transitions') }}     | Lists `text-shadow` as animatable.                                                                                                                                                                                                                                                                                                                                                      |
-| {{ SpecName('CSS3 Text Decoration', '#text-shadow', 'text-shadow') }} | {{ Spec2('CSS3 Text Decoration') }} | The CSS property `text-shadow` was [improperly defined in CSS2](https://www.w3.org/TR/2008/REC-CSS2-20080411/text.html#text-shadow-props) and dropped in CSS2 (Level 1). The _CSS Text Module Level 3_ spec improved and precised the syntax. Later it was moved to new working draft _[CSS Text Decoration Module Level 3](https://www.w3.org/TR/2012/WD-css-text-decor-3-20121113/)_. |
+{{Specifications}}
 
 ## Compatibilidade do navegador
 

diff --git a/files/pt-br/web/css/writing-mode/index.md b/files/pt-br/web/css/writing-mode/index.md
@@ -168,12 +168,9 @@ Essa é uma imagem mostrando o que o resultado deve parecer, no caso do suporte
 
 ![](writing-mode-actual-result.png)
 
-## Especificação
+## Especificações
 
-| Especificação                                                     | Status                          | Comentário                              |
-| ----------------------------------------------------------------- | ------------------------------- | --------------------------------------- |
-| {{SpecName("CSS3 Writing Modes", "#block-flow", "writing-mode")}} | {{Spec2("CSS3 Writing Modes")}} | Definição inicial                       |
-| {{SpecName("CSS4 Writing Modes", "#block-flow", "writing-mode")}} | {{Spec2("CSS4 Writing Modes")}} | Adicionar `sideways-lr` e `sideways-rl` |
+{{Specifications}}
 
 ## Compatibilidade com navegadores