recursal/MDN huggingface dataset:
-moz-box-ordinal-group
======================

**Aviso:** Essa propriedade é parte do projeto do módulo original do CSS Flexible Box Layout, e foi substituído em projetos recentes.

Veja Flexbox (en-US) para mais informações do que você deveria usar ao invés dessa propriedade.

Sumário
-------

Indica o grupo ordinal ao qual o elemento percente. Elementos com um grupo ordinal menor são mostrados antes daqueles com grupo ordinal maior.

Valores
-------

Os valores devem ser inteiros maiores que zero. O valor padrão para essa propriedade é 1.

Exemplos
--------


```css
#Flexbox {
  display: -ms-box;
  display: -moz-box;
  display: -webkit-box;
}

#text1 {
  background: red;
  -ms-box-ordinal-group: 4;
  -moz-box-ordinal-group: 4;
  -webkit-box-ordinal-group: 4;
}

#text2 {
  background: green;
  -ms-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -webkit-box-ordinal-group: 3;
}

#text3 {
  background: blue;
  -ms-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-box-ordinal-group: 2;
}

#text4 {
  background: orange;
}
```



```html
<div id="Flexbox">
  <div id="text1">text 1</div>
  <div id="text2">text 2</div>
  <div id="text3">text 3</div>
  <div id="text4">text 4</div>
</div>
```
::first-line (:first-line)
==========================

O pseudoelemento **`::first-line`** aplica estilos à primeira linha de um elemento no nível do bloco. Observe que o comprimento da primeira linha depende de muitos fatores, incluindo a largura do elemento, a largura do documento e o tamanho da fonte do texto.


```css
/\* Seleciona a primeira linha dentro da tag <p> \*/
p::first-line {
  color: red;
}
```


**Nota:** O CSS3 introduziu a notação `::first-line`(com dois pontos) para distinguir pseudo-classes de pseudo-elementos. Os navegadores também aceitam `:first-line` introduzida no CSS2.

Propriedades permitidas
-----------------------

Somente um pequeno subconjunto de propriedades CSS pode ser usado com o`::first-line` pseudo-elemento:

* Todas as propriedades relacionadas à fonte: `font` (en-US), `font-kerning`, `font-style` (en-US), `font-variant` (en-US), `font-variant-numeric` (en-US), `font-variant-position` (en-US), `font-variant-east-asian` (en-US), `font-variant-caps` (en-US), `font-variant-alternates` (en-US), `font-variant-ligatures` (en-US), `font-synthesis` (en-US), `font-feature-settings`, `font-language-override` (en-US), `font-weight`, `font-size`, `font-size-adjust` (en-US), `font-stretch` (en-US), e `font-family`
* Todas as propriedades relacionadas ao background: `background-color`, `background-clip`, `background-image` (en-US), `background-origin`, `background-position` (en-US), `background-repeat` (en-US), `background-size`, `background-attachment`, e `background-blend-mode`
* A propriedade `color`
* `word-spacing` (en-US), `letter-spacing`, `text-decoration`, `text-transform`, e `line-height` (en-US)
* `text-shadow`, `text-decoration`, `text-decoration-color` (en-US), `text-decoration-line` (en-US), `text-decoration-style`, e `vertical-align`.
Sintaxe
-------

Error: could not find syntax for this itemExemplos
--------

### HTML


```html
<p>
  Os estilos serão aplicados apenas à primeira linha deste parágrafo. Depois
  disso, todo o texto será estilizado normalmente. Entendeu o que eu quis dizer?
</p>

<span
 >A primeira linha deste texto não receberá um estilo especial porque não é um
  elemento no nível do bloco.</span
>
```

### CSS


```css
::first-line {
  color: blue;
  text-transform: uppercase;

  /\* AVISO: NÃO UTILIZE: \*/
  /\* Muitas propriedades são inválidas em pseudo-elementos ::first-line \*/
  margin-left: 20px;
  text-indent: 20px;
}
```

### Resultado

Especificações
--------------

| Specification |
| --- |
| CSS Pseudo-Elements Module Level 4 # first-line-pseudo |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* `::first-letter`
:focus-within
=============

A pseudo-classe CSS **`:focus-within`** representa um elemento que recebeu o foco ou contém um elemento que recebeu o foco. Em outras palavras, isto representa um elemento que é correspondido por si só pela pseudo-classe `:focus` ou tem um descendente que é correspondido por `:focus`. (Isto inclui descendentes em shadow trees (en-US).)


```css
/\* Seleciona uma <div> quando um de seus descendentes é focado \*/
div:focus-within {
  background: cyan;
}
```


Este seletor é útil, pegando um exemplo comum, para destacar um todo `<form>` (en-US) container quando o usuário focar em um de seus campos `<input>`.

Sintaxe
-------

Error: could not find syntax for this itemExemplo
-------

Neste exemplo, o formulário receberá estilos de coloração especiais quando o input de texto recebe o foco

### HTML


```html
<p>Tente digitar neste formulário.</p>

<form>
  <label for="given\_name">Given Name:</label>
  <input id="given\_name" type="text" />
  <br />
  <label for="family\_name">Family Name:</label>
  <input id="family\_name" type="text" />
</form>
```

### CSS


```css
form {
  border: 1px solid;
  color: gray;
  padding: 4px;
}

form:focus-within {
  background: #ff8;
  color: black;
}

input {
  margin: 4px;
}
```

### Resultado

Especificações
--------------

| Specification |
| --- |
| Selectors Level 4 # the-focus-within-pseudo |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* `:focus`
:only-child
===========

A pseudo-classe (en-US) de CSS **`:only-child`** representa um elemento sem nenhum elemento-irmão. É o mesmo que `:first-child:last-child` ou `:nth-child(1):nth-last-child(1)`, mas com uma especificidade mais baixa.


```css
/\* Seleciona cada <p>, mas apenas se for o \*/
/\* único filho de seu elemento-pai \*/
p:only-child {
  background-color: lime;
}
```


**Nota:** Originalmente, foi definido que o elemento selecionado deveria ter um elemento-pai. A partir de Selectors Level 4, isso não é mais necessário.

Sintaxe
-------

Error: could not find syntax for this itemExemplos
--------

### Exemplo básico

#### HTML


```html
<main>
  <div>
    <i>Eu sou um filho único solitário.</i>
  </div>

  <div>
    <i>Eu tenho irmãos.</i><br />
    <b>Eu também!</b><br />
    <span>Eu também tenho irmãos, <span>mas este é um filho único.</span></span>
  </div>
</main>
```


#### CSS


```css
main :only-child {
  color: red;
}
```


#### Resultado

### Exemplo de lista

#### HTML


```html
<ol>
  <li>
    Primeiro
    <ul>
      <li>Essa lista tem apenas um elemento.</li>
    </ul>
  </li>
  <li>
    Segundo
    <ul>
      <li>Essa lista tem três elementos.</li>
      <li>Essa lista tem três elementos.</li>
      <li>Essa lista tem três elementos.</li>
    </ul>
  </li>
</ol>
```


#### CSS


```css
li li {
  list-style-type: disc;
}
li:only-child {
  color: red;
  list-style-type: square;
}
```


#### Resultado

Especificações
--------------

| Specification |
| --- |
| Selectors Level 4 # only-child-pseudo |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Ver também
----------

* `:only-of-type`
* `:first-child`
* `:last-child`
* `:nth-child`
:first-child
============

Sumário
-------

A pseudo-classe de CSS **`:first-child`** representa qualquer elemento que seja o primeiro filho de seus pais.

Sintaxe
-------
```

elemento:first-child { estilos }
```

Exemplos
--------

### Exemplo 1

#### HTML


```html
<div>
  <span>Este span é verde limão!</span>
  <span>Este span não é verde limão. :(</span>
</div>
```


#### CSS


```css
span:first-child {
  background-color: lime;
}
```


... resultado ...

### Exemplo 2 - Usando UL

#### HTML


```html
<ul>
  <li>Elemento de Lista 1</li>
  <li>Elemento de Lista 2</li>
  <li>Elemento de Lista 3</li>
</ul>
```


#### CSS


```css
li {
  color: red;
}
li:first-child {
  color: green;
}
```


... resultado ...

Especificações
--------------

| Specification |
| --- |
| Selectors Level 4 # first-child-pseudo |

Browsers compatíveis
--------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
:link
=====

Resumo
------

A pseudo-class CSS :link permite que você selecione os links dentro de um elemento. Ela seleciona todos os links, até mesmo os que não foram visitados, incluindo os links ja estilizados em outras classes ou ids com o `:hover`, `:active` ou `:visited`. Para um funcionamento adequado é essencial que ela venha antes das regras: `:visited` — `:hover` — `:active`. O `:focus` é uma pseudo-class geralmente usada antes de a:hover ou depois, dependendo do resultado esperado.

Exemplos
--------


```css
a:link {
  color: slategray;
}
.external:link {
  background-color: lightblue;
}
```

Especificações
--------------

| Specification |
| --- |
| HTML Standard # selector-link |
| Selectors Level 4 # link |

Compatibilidade do navegador
----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* `:visited`, `:hover`, `:active`
Seletores de ID
===============

Em um documento HTML, os seletores de ID do CSS selecionam um elemento baseado no conteúdo de seu atributo `ID`, o qual deve ser exatamente igual ao valor dado ao seletor.

Sintaxe
-------
```

#valor_id { propriedades de estilo }
```


Note que isso é equivalente aos seguintes `seletores de atributo`:
```

[id=valor_id] { propriedades de estilo }
```

Exemplo
-------


```css
span#identificado {
  background-color: DodgerBlue;
}
```



```html
<span id="identificado">Aqui um span com um pouco de texto.</span>
<span>Aqui outro.</span>
```

Especificações
--------------

| Specification |
| --- |
| Selectors Level 4 # id-selectors |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
line-break
==========

**Experimental:** **Esta é uma tecnologia experimental (en-US)**  
Verifique a tabela de compatibilidade entre Navegadores cuidadosamente antes de usar essa funcionalidade em produção.

A propriedade CSS **`line-break`** é usada para especificar como (ou se) quebrar linhas.

Sintaxe
-------


```css
/\* Keyword values \*/
line-break: auto;
line-break: loose;
line-break: normal;
line-break: strict;

/\* Valores Globais \*/
line-break: inherit;
line-break: initial;
line-break: unset;
```

### Valores

`auto`

quebra o texto usando a regra padrão de quebra de linha.

`loose`

quebra o texto usando a regra de quebra de linha que é mais curta, como um jornal.

`normal`

quebra o texto usando a regra padrão de quebra de linha.

`strict`

quebra o texto usando uma regra rigorosa para a quebra de linha.

### Sintaxe formal
```

line-break =   
  auto      | (en-US)  
  loose     | (en-US)  
  normal    | (en-US)  
  strict    | (en-US)  
  anywhere    
  
```

Especificações
--------------

| Specification |
| --- |
| CSS Text Module Level 3 # line-break-property |

|  |  |
| --- | --- |
| Initial value | `auto` |
| Aplica-se a | all elements |
| Inherited | yes |
| Computed value | as specified |
| Animation type | discrete |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Pseudo-elementos
================

Um **pseudo-elemento** CSS é uma palavra-chave adicionada a um seletor que permite que você estilize uma parte específica do elemento selecionado. Por exemplo, o pseudo-elemento `::first-line` aplica o estilo apenas na primeira linha de um parágrafo.

```css
/\* A primeira linha de todo elemento <p>. \*/
p::first-line {
  color: blue;
  text-transform: uppercase;
}
```


**Nota:** Diferentemente dos pseudo-elementos, `pseudo-classes` podem ser utilizadas para estilizar um elemento baseado em seu *estado*.

Sintaxe
-------
```

seletor::pseudo-elemento {
  propriedade: valor;
}
```


Você pode utilizar apenas um pseudo-elemento em um seletor. Ele deve aparecer depois da declaração de um elemento simples.

**Nota:** Como regra, os dois pontos devem ser usados duas vezes (`::`) ao invés de uma única vez (`:`). Isso distingue pseudo-classes de pseudo-elementos. Apesar disso, devido a essa distinção não estar presente em versões mais antigas da especificação da W3C, a maioria dos navegadores suportam ambas as sintaxes para os pseudo-elementos originais.

Índice de pseudo-elementos comuns
---------------------------------

* `::after`
* `::before`
* `::cue` (en-US)
* `::first-letter`
* `::first-line`
* `::selection`
* `::slotted` (en-US)
* `::backdrop` 
Experimental
* `::placeholder` (en-US) 
Experimental
* `::marker` (en-US) 
Experimental
* `::spelling-error` (en-US) 
Experimental
* `::grammar-error` (en-US) 
Experimental

| Navegador | Versão mais baixa | Suporte de |
| --- | --- | --- |
| Internet Explorer | 8.0 | `:pseudo-element` |
| 9.0 | `:pseudo-element ::pseudo-element` |
| Firefox (Gecko) | 1.0 (1.0) | `:pseudo-element` |
| 1.0 (1.5) | `:pseudo-element ::pseudo-element` |
| Opera | 4.0 | `:pseudo-element` |
| 7.0 | `:pseudo-element ::pseudo-element` |
| Safari (WebKit) | 1.0 (85) | `:pseudo-element ::pseudo-element` |

Ver também
----------

* pseudo-classes
block-size
==========

**Experimental:** **Esta é uma tecnologia experimental (en-US)**  
Verifique a tabela de compatibilidade entre Navegadores cuidadosamente antes de usar essa funcionalidade em produção.

A propriedade CSS **`block-size`** define o tamanho horizontal ou vertical de um elemento bloco. Corresponde à propriedade `width` ou `height`, dependendo do valor do `writing-mode`.

Experimente
-----------

Sintaxe
-------


```css
/\* valores <length> \*/
block-size: 300px;
block-size: 25em;

/\* valores <percentage> \*/
block-size: 75%;

/\* valores de Keyword \*/
block-size: 25em border-box;
block-size: 75% content-box;
block-size: max-content;
block-size: min-content;
block-size: available;
block-size: fit-content;
block-size: auto;

/\* valores globais \*/
block-size: inherit;
block-size: initial;
block-size: unset;
```


Se o modo de escrita está orientado verticalmente, o valor do `block-size` refere-se à largura do elemento; senão, refere-se à altura do elemento. Uma propriedade relacionada é `inline-size`, que define as outras dimensões do elemento.

|  |  |
| --- | --- |
| Initial value | `auto` |
| Aplica-se a | same as `width` and `height` |
| Inherited | não |
| Percentages | block-size of containing block |
| Computed value | same as `width` and `height` |
| Animation type | a length, percentage or calc(); |

Sintaxe
-------

### Valores

A propriedade `block-size` leva os mesmos valores que as propriedades `width` e `height`.

### Sintaxe formal
```

block-size =   
  <'width'>    
  
```

Exemplo
-------

### HTML


```html
<p class="exampleText">Example text</p>
```

### CSS


```css
.exampleText {
  writing-mode: vertical-rl;
  background-color: yellow;
  block-size: 200px;
}
```

Especificações
--------------

| Specification |
| --- |
| CSS Logical Properties and Values Level 1 # dimension-properties |
| CSS Box Sizing Module Level 4 # sizing-values |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

See also
--------

* As propriedades: `width` and `height`
* `writing-mode`
Propriedades personalizadas (--\*)
==================================

Baseline Widely available
-------------------------

This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.

* Learn more
* See full compatibility
* Report feedback
**Experimental:** **Esta é uma tecnologia experimental (en-US)**  
Verifique a tabela de compatibilidade entre Navegadores cuidadosamente antes de usar essa funcionalidade em produção.

Nomes de propriedades com o prefixo `--`, como `--example-name`, representam *Propriedade personalizadas* que contém um valor que pode ser reutilizado por todo o documento usando a função (`var()`).

Propriedades personalizadas participam na cascata: cada uma delas pode aparecer várias vezes e o valor da variável corresponderá ao valor definido na propriedade personalizada, decidido pelo algoritmo de cascata.

|  |  |
| --- | --- |
| Initial value | see prose |
| Aplica-se a | all elements |
| Inherited | yes |
| Computed value | as specified with variables substituted |
| Animation type | discrete |

Sintaxe
-------


```css
--somekeyword: left;
--somecolor: #0000ff;
--somecomplexvalue: 3px 6px rgb(20, 32, 54);
```


`<declaration-value>`

Este valor corresponde a qualquer sequência de um ou mais tokens, desde que a sequência não contenha tokens não permitidos. Representa a totalidade do que uma declaração válida pode ter como valor.

### Sintaxe formal

Error: could not find syntax for this itemExemplo
-------

### HTML


```html
<p id="firstParagraph">
  Este parágrafo deve ter um fundo azul e um texto amarelo.
</p>
<p id="secondParagraph">
  Este parágrafo deve ter um fundo amarelo e um texto azul.
</p>
<div id="container">
  <p id="thirdParagraph">
    Este parágrafo deve ter um fundo verde e um texto amarelo.
  </p>
</div>
```

### CSS


```css
:root {
  --first-color: #488cff;
  --second-color: #ffff8c;
}

#firstParagraph {
  background-color: var(--first-color);
  color: var(--second-color);
}

#secondParagraph {
  background-color: var(--second-color);
  color: var(--first-color);
}

#container {
  --first-color: #48ff32;
}

#thirdParagraph {
  background-color: var(--first-color);
  color: var(--second-color);
}
```

### Resultado

Especificações
--------------

| Specification |
| --- |
| CSS Custom Properties for Cascading Variables Module Level 1 # defining-variables |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* Utilizando variáveis CSS
outline
=======

Sumário
-------

A propriedade CSS **`outline`** é uma propriedade abreviada para configurar uma ou mais das propriedades de contorno `outline-style` (en-US), `outline-width` (en-US) e `outline-color` (en-US) em uma única declaração. Na maioria dos casos o uso abreviado é preferível e mais conveniente.

Contornos se diferenciam de bordas das seguintes maneiras:

* Contornos não ocupam espaços, eles são desenhados acima do conteúdo.
* Contornos podem não ser retangulares. Eles são retangulares no Gecko/Firefox. Mas por exemplo, Opera desenha uma forma não retangular em torno de uma construção como este:
 **TEXTTEXTTEXT**

|  |  |
| --- | --- |
| Initial value | as each of the properties of the shorthand:* `outline-color` (en-US): `auto`
* `outline-style` (en-US): `none`
* `outline-width` (en-US): `medium`
 |
| Aplica-se a | all elements |
| Inherited | não |
| Computed value | as each of the properties of the shorthand:* `outline-color` (en-US): For the keyword `auto`, the computed value is `currentcolor`. For the color value, if the value is translucent, the computed value will be the `rgba()` corresponding one. If it isn't, it will be the `rgb()` corresponding one. The `transparent` keyword maps to `rgba(0,0,0,0)`.
* `outline-width` (en-US): an absolute length; if the keyword `none` is specified, the computed value is `0`
* `outline-style` (en-US): as specified
 |
| Animation type | as each of the properties of the shorthand:* `outline-color` (en-US): a color
* `outline-width` (en-US): a length
* `outline-style` (en-US): by computed value type
 |

Sintaxe
-------


```css
/\* largura | estilo | cor \*/
outline: 1px solid white;

/\* Valores globais \*/
outline: inherit;
outline: initial;
outline: unset;
```

### Valores

Um, dois ou três valores, dada em ordem arbitrária:

`<'outline-width'>`

Veja `outline-width` (en-US).

`<'outline-style'>`

Veja `outline-style` (en-US).

`<'outline-color'>`

Desde Gecko 1.9 (Firefox 3), o valor da propriedade `color` (cor de primeiro plano) é usado. Veja `outline-color` (en-US).

### Sintaxe completa
```

outline =   
  <'outline-color'>  || (en-US)  
  <'outline-style'>  || (en-US)  
  <'outline-width'>    
  
```

Exemplos
--------


```css
/\* duas declarações identicas \*/

:link:hover {
  outline: 1px solid #000;
}
:link:hover {
  outline: solid black 1px;
}
```

Especificações
--------------

| Specification |
| --- |
| CSS Basic User Interface Module Level 4 # outline |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
:nth-last-child()
=================

A pseudo-classe CSS **`:nth-last-child()`** seleciona um ou mais elementos com base em sua posição entre um grupo de elementos-irmãos, contando a partir do último.


```css
/\* Seleciona todo quarto elemento
 em qualquer grupo de irmãos,
 contando do último para o primeiro \*/
:nth-last-child(4n) {
  color: lime;
}
```


**Nota:** Essa pseudo-classe é essencialmente o mesmo que usar `:nth-child`, porém conta os itens de trás para a frente, e não do início para o final.

Sintaxe
-------

A pseudo-classe `nth-last-child` é especificada com um único argumento, que representa o padrão para elementos correspondentes, contando do final.

### Valores chave

`odd`

Representa elementos cuja posição numérica em uma série de irmãos é ímpar: 1, 3, 5, etc., contando do final.

`even`

Representa elementos cuja posição numérica em uma série de irmãos é par: 2, 4, 6, etc., contando do final.

### Notação funcional

`<An+B>`

Representa elementos cuja posição numérica em uma série de irmãos corresponde ao padrão `An+B`, para cada valor de `n` que seja um número inteiro positivo ou zero. O índice do primeiro elemento, contando do final, é `1`. Os valores `A` e `B` devem ambos ser `<integer>` (en-US)s (inteiros).

### Sintaxe formal

Error: could not find syntax for this itemExemplos
--------

### Seletores de exemplo

`tr:nth-last-child(odd)` ou `tr:nth-last-child(2n+1)`

Representa as linhas ímpares de uma tabela HTML: 1, 3, 5, etc., contando do final.

`tr:nth-last-child(even)` ou `tr:nth-last-child(2n)`

Representa as linhas pares de uma tabela HTML: 2, 4, 6, etc., contando do final.

`:nth-last-child(7)`

Representa o sétimo elemento, contando do final.

`:nth-last-child(5n)`

Representa elementos 5, 10, 15, etc., contando do final.

`:nth-last-child(3n+4)`

Representa elementos 4, 7, 10, 13, etc., contando do final.

`:nth-last-child(-n+3)`

Representa os últimos três elementos em um grupo de irmãos.

`p:nth-last-child(n)`

Representa cada elemento `<p>` em um grupo de irmãos. Isso é o mesmo que um simples seletor `p`.

`p:nth-last-child(1)` ou `p:nth-last-child(0n+1)`

Representa cada `<p>` que seja o primeiro elemento em um grupo de irmãos, contando do final. Isso é o mesmo que o seletor `:last-child`.

### Exemplo de tabela

#### HTML


```html
<table>
  <tbody>
    <tr>
      <td>Primeira linha</td>
    </tr>
    <tr>
      <td>Segunda linha</td>
    </tr>
    <tr>
      <td>Terceira linha</td>
    </tr>
    <tr>
      <td>Quarta linha</td>
    </tr>
    <tr>
      <td>Quinta linha</td>
    </tr>
  </tbody>
</table>
```


#### CSS


```css
table {
  border: 1px solid blue;
}

/\* Seleciona os últimos três elementos \*/
tr:nth-last-child(-n + 3) {
  background-color: pink;
}
```


#### Resultado

Especificações
--------------

| Specification |
| --- |
| Selectors Level 4 # nth-last-child-pseudo |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Ver também
----------

* `:nth-child`, `:nth-last-of-type` (en-US)