Skip to content

Commit 3ee19ce

Browse files
Update style.md
remove indent spaces
1 parent d854015 commit 3ee19ce

File tree

1 file changed

+10
-11
lines changed
  • src/content/reference/react-dom/components

1 file changed

+10
-11
lines changed

src/content/reference/react-dom/components/style.md

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
```
21
---
32
style: "<style>"
43
---
@@ -33,16 +32,16 @@ Para adicionar estilos embutidos ao seu documento, renderize o [componente `<sty
3332

3433
`<style>` suporta todas as [props de elementos comuns.](/reference/react-dom/components/common#props)
3534

36-
* `children`: uma string, obrigatório. O conteúdo da folha de estilo.
37-
* `precedence`: uma string. Diz ao React onde classificar o nó `<style>` DOM em relação a outros no `<head>` do documento, o que determina qual folha de estilo pode substituir a outra. React inferirá que valores de precedência que ele descobrir primeiro são "menores" e valores de precedência que ele descobrir mais tarde são "maiores". Muitos sistemas de estilo podem funcionar bem usando um único valor de precedência porque as regras de estilo são atômicas. Folhas de estilo com a mesma precedência vão juntas, sejam elas tags `<link>` ou `<style>` embutidas ou carregadas usando funções [`preinit`](/reference/react-dom/preinit).
38-
* `href`: uma string. Permite que o React [faça a desduplicação de estilos](#special-rendering-behavior) que têm o mesmo `href`.
39-
* `media`: uma string. Restringe a folha de estilo a uma determinada [media query](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries).
40-
* `nonce`: uma string. Um [nonce](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) criptográfico para permitir o recurso ao usar uma Política de Segurança de Conteúdo estrita.
41-
* `title`: uma string. Especifica o nome de uma [folha de estilo alternativa](https://developer.mozilla.org/en-US/docs/Web/CSS/Alternative_style_sheets).
35+
* `children`: uma string, obrigatório. O conteúdo da folha de estilo.
36+
* `precedence`: uma string. Diz ao React onde classificar o nó `<style>` DOM em relação a outros no `<head>` do documento, o que determina qual folha de estilo pode substituir a outra. React inferirá que valores de precedência que ele descobrir primeiro são "menores" e valores de precedência que ele descobrir mais tarde são "maiores". Muitos sistemas de estilo podem funcionar bem usando um único valor de precedência porque as regras de estilo são atômicas. Folhas de estilo com a mesma precedência vão juntas, sejam elas tags `<link>` ou `<style>` embutidas ou carregadas usando funções [`preinit`](/reference/react-dom/preinit).
37+
* `href`: uma string. Permite que o React [faça a desduplicação de estilos](#special-rendering-behavior) que têm o mesmo `href`.
38+
* `media`: uma string. Restringe a folha de estilo a uma determinada [media query](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries).
39+
* `nonce`: uma string. Um [nonce](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) criptográfico para permitir o recurso ao usar uma Política de Segurança de Conteúdo estrita.
40+
* `title`: uma string. Especifica o nome de uma [folha de estilo alternativa](https://developer.mozilla.org/en-US/docs/Web/CSS/Alternative_style_sheets).
4241

4342
Props que **não são recomendadas** para uso com o React:
4443

45-
* `blocking`: uma string. Se definido como `"render"`, instrui o navegador a não renderizar a página até que a folha de estilo seja carregada. O React fornece um controle mais preciso usando o Suspense.
44+
* `blocking`: uma string. Se definido como `"render"`, instrui o navegador a não renderizar a página até que a folha de estilo seja carregada. O React fornece um controle mais preciso usando o Suspense.
4645

4746
#### Comportamento especial de renderização {/*special-rendering-behavior*/}
4847

@@ -52,8 +51,8 @@ Para optar por esse comportamento, forneça as props `href` e `precedence`. O Re
5251

5352
Este tratamento especial vem com duas ressalvas:
5453

55-
* O React ignorará as alterações nas props após o estilo ter sido renderizado. (O React emitirá um aviso no desenvolvimento se isso acontecer.)
56-
* O React pode deixar o estilo no DOM mesmo depois que o componente que o renderizou foi desmontado.
54+
* O React ignorará as alterações nas props após o estilo ter sido renderizado. (O React emitirá um aviso no desenvolvimento se isso acontecer.)
55+
* O React pode deixar o estilo no DOM mesmo depois que o componente que o renderizou foi desmontado.
5756

5857
---
5958

@@ -99,4 +98,4 @@ export default function App() {
9998
}
10099
```
101100

102-
</SandpackWithHTMLOutput>
101+
</SandpackWithHTMLOutput>

0 commit comments

Comments
 (0)