Skip to content

Commit 7398e68

Browse files
Added unset tip
1 parent 14933c6 commit 7398e68

File tree

7 files changed

+207
-0
lines changed

7 files changed

+207
-0
lines changed

translations/gu-IND/README.md

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@
2020

2121
1. [એક સીએસએસ રીસેટ વાપરો](#વાપરવ-a-css-રીસેટ)
2222
1. [વારસો `box-sizing`](#વારસો-box-sizing)
23+
1. [બધા ગુણધર્મોને ફરીથી સેટ કરવાને બદલે 'અનસેટ' નો ઉપયોગ કરો](#બધા-ગુણધર્મોને-ફરીથી-સેટ-કરવાને-બદલે-'અનસેટ'-નો-ઉપયોગ-કરો)
2324
1. [વાપરવ `:not()` અરજી / અનપ્પેલી કરવા માટે નેવિગેશન પર બોર્ડર્સ](#વાપરવ-not-અરજી--અનપ્પેલી-કરવા-માટે-નેવિગેશન-પર-બોર્ડર્સ)
2425
1. [ઉમેરો `line-height` તરફ `body`](#ઍડ-line-height-થી-body)
2526
1. [વર્ટિકલ-કેન્દ્ર કંઈપણ](#ઊભું-કેન્દ્ર-કંઈપણ)
@@ -81,6 +82,34 @@ html {
8182
<sup>[સામગ્રીઓના કોષ્ટકમાં પાછા](#પ્રોપ્સ)</sup>
8283

8384

85+
### બધા ગુણધર્મોને ફરીથી સેટ કરવાને બદલે 'અનસેટ' નો ઉપયોગ કરો
86+
87+
તત્વના ગુણધર્મોને ફરીથી સેટ કરતી વખતે, પ્રત્યેક વ્યક્તિગત સંપત્તિને ફરીથી સેટ કરવું જરૂરી નથી:
88+
89+
```css
90+
button {
91+
background: none;
92+
border: none;
93+
color: inherit;
94+
font: inherit;
95+
outline: none;
96+
padding: 0;
97+
}
98+
```
99+
100+
તમે 'બધા' લઘુલિપિનો ઉપયોગ કરીને એક તત્વની તમામ ગુણધર્મોને સ્પષ્ટ કરી શકો છો. `અનસેટ` માટે મૂલ્યને સેટ કરવાથી એક ઘટકના ગુણધર્મોને તેમની પ્રારંભિક મૂલ્યોમાં બદલાય છે:
101+
102+
```css
103+
button {
104+
all: unset;
105+
}
106+
```
107+
108+
**નોંધઃ** `બધા` લહેરાતોને IE11 માં સપોર્ટેડ નથી અને હાલમાં એજમાં સપોર્ટ માટે વિચારણા હેઠળ છે. IE11 માં `અનસેટ` સપોર્ટેડ નથી
109+
110+
<sup>[સામગ્રીઓના કોષ્ટકમાં પાછા](#પ્રોપ્સ)</sup>
111+
112+
84113
### વાપરવ `:not()` અરજી / અનપ્પેલી કરવા માટે નેવિગેશન પર બોર્ડર્સ
85114

86115
તેના બદલે નો મૂકવા સરહદ પર...

translations/it-IT/README.md

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ Una collezione di dritte per aiutarti a migliorare le tue capacità con CSS.
2020

2121
1. [Utilizzare un reset CSS](#use-a-css-reset)
2222
1. [Eredita il `box-sizing`](#inherit-box-sizing)
23+
1. [Usa `unset` invece di Reimposta tutte le proprietà](#use-unset-instead-of-resetting-all-properties)
2324
1. [Usa `:not()` per applicare/rimuovere i bordi su elementi di navigazione](#use-not-to-applyunapply-borders-on-navigation)
2425
1. [Aggiungi `line-height` al `body`](#add-line-height-to-body)
2526
1. [Centra verticalmente qualsiasi cosa](#vertically-center-anything)
@@ -85,6 +86,36 @@ In questo modo diventa più facile cambiare `box-sizing` in plugin o altri compo
8586
<sup>[torna al sommario](#sommario)</sup>
8687

8788

89+
<div id="use-unset-instead-of-resetting-all-properties"></div>
90+
91+
### Usa `unset` invece di Reimposta tutte le proprietà
92+
93+
Quando si ripristinano le proprietà di un elemento, non è necessario reimpostare ogni singola proprietà:
94+
95+
```css
96+
button {
97+
background: none;
98+
border: none;
99+
color: inherit;
100+
font: inherit;
101+
outline: none;
102+
padding: 0;
103+
}
104+
```
105+
106+
Puoi specificare tutte le proprietà di un elemento usando la stenografia `all`. L'impostazione del valore su `unset` modifica le proprietà di un elemento ai valori iniziali:
107+
108+
```css
109+
button {
110+
all: unset;
111+
}
112+
```
113+
114+
**Nota:** la stenografia `all` non è supportata in IE11 ed è attualmente in considerazione per il supporto in Edge. `unset` non è supportato in IE11.
115+
116+
<sup>[torna al sommario](#sommario)</sup>
117+
118+
88119
<div id="use-not-to-applyunapply-borders-on-navigation"></div>
89120

90121
### Usa `:not()` per applicare/rimuovere i bordi su elementi di navigazione

translations/ja-JP/README.md

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,7 @@ CSSのプロのスキルになるようにアドバイスのリストを紹介
2525

2626
1. [CSSのリセットを使用します](#use-a-css-reset)
2727
1. [box-sizingをコンポーネントごとに変更](#inherit-box-sizing)
28+
1. [すべてのプロパティをリセットする代わりに `unset`を使う](#use-unset-instead-of-resetting-all-properties)
2829
1. [`:not()` を使用 / ボーダーを削除](#use-not-to-applyunapply-borders-on-navigation)
2930
1. [`body``line-height`を加える](#add-line-height-to-body)
3031
1. [天地の中央に配置](#vertically-center-anything)
@@ -93,6 +94,36 @@ html {
9394
<sup>[目次へ戻る](#table-of-contents)</sup>
9495

9596

97+
<div id="use-unset-instead-of-resetting-all-properties"></div>
98+
99+
### すべてのプロパティをリセットする代わりに `unset`を使う
100+
101+
要素のプロパティをリセットするときは、個々のプロパティをリセットする必要はありません。
102+
103+
```css
104+
button {
105+
background: none;
106+
border: none;
107+
color: inherit;
108+
font: inherit;
109+
outline: none;
110+
padding: 0;
111+
}
112+
```
113+
114+
要素のプロパティのすべてを `all`省略形で指定することができます。 値を `unset`に設定すると、要素のプロパティが初期値に変更されます:
115+
116+
```css
117+
button {
118+
all: unset;
119+
}
120+
```
121+
122+
**備考:** `all`省略形はIE11ではサポートされていません。現在Edgeでのサポートが検討されています。 `unset`はIE11ではサポートされていません。
123+
124+
<sup>[目次へ戻る](#table-of-contents)</sup>
125+
126+
96127
<div id="use-not-to-applyunapply-borders-on-navigation"></div>
97128

98129
### `:not()`を使用して、リスト要素で実装したナビゲーションの最後のアイテムだけに区切り線を削除します。

translations/pl-PL/README.md

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ Zbiór porad, które pomogą zdobyć umiejętności CSS.
2020

2121
1. [Użyj resetowania CSS](#użyj-resetowania-css)
2222
1. [Odziedzicz `box-sizing`](#odziedzicz-box-sizing)
23+
1. [Użyj `unset` zamiast resetowania wszystkich właściwości](#użyj-unset-zamiast-resetowania-wszystkich-właściwości)
2324
1. [Użyj `:not()` aby zastosować / anulować ograniczenia w nawigacji](#use-not-to-applyunapply-borders-on-navigation)
2425
1. [Dodaj `line-height` do `body`](#dodaj-wysokość-linii-do-treści)
2526
1. [Przesuń cokoliweg pionowo](#przesuwanie-w-pionie)
@@ -81,6 +82,34 @@ Ułatwia to zmianę rozmiaru skrzynek w wtyczkach lub innych komponentach, któr
8182
<sup>[powrót do spisu treści](#powrót-do-spisu-treści)</sup>
8283

8384

85+
### Użyj `unset` zamiast resetowania wszystkich właściwości
86+
87+
Podczas resetowania właściwości elementu nie jest konieczne resetowanie każdej pojedynczej właściwości:
88+
89+
```css
90+
button {
91+
background: none;
92+
border: none;
93+
color: inherit;
94+
font: inherit;
95+
outline: none;
96+
padding: 0;
97+
}
98+
```
99+
100+
Możesz określić wszystkie właściwości elementu, używając skrótu `all`. Ustawienie wartości na "unset" zmienia właściwości elementu na wartości początkowe:
101+
102+
```css
103+
button {
104+
all: unset;
105+
}
106+
```
107+
108+
**Uwaga:** skrót "all" nie jest obsługiwany w IE11 i jest obecnie rozważany pod kątem obsługi w Edge. `unset` nie jest obsługiwane w IE11:
109+
110+
<sup>[powrót do spisu treści](#powrót-do-spisu-treści)</sup>
111+
112+
84113
### Use `:not()` to Apply/Unapply Borders on Navigation
85114

86115
Zamiast zakładać granicę...

translations/pt-BR/README.md

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ Uma coleção de dicas para aumentar suas habilidades no CSS.
2020

2121
1. [Use um Reset CSS](#use-um-reset-css)
2222
1. [Herde o `box-sizing`](#herde-o-box-sizing)
23+
1. [Use `unset` em vez de redefinir todas as propriedades](#use-unset-em-vez-de-redefinir-todas-as-propriedades)
2324
1. [Use `:not()` para Aplicar/Remover Bordas](#use-not-para-aplicarremover-bordas)
2425
1. [Defina o `line-height` no `body`](#defina-o-line-height-no-body)
2526
1. [Alinhe Elementos Verticalmente](#alinhe-elementos-verticalmente)
@@ -81,6 +82,34 @@ Assim fica fácil de alterar o `box-sizing` em plugins ou outros componentes que
8182
<sup>[voltar ao índice](#índice)</sup>
8283

8384

85+
### Use `unset` em vez de redefinir todas as propriedades
86+
87+
Ao redefinir as propriedades de um elemento, não é necessário redefinir cada propriedade individual:
88+
89+
```css
90+
button {
91+
background: none;
92+
border: none;
93+
color: inherit;
94+
font: inherit;
95+
outline: none;
96+
padding: 0;
97+
}
98+
```
99+
100+
Você pode especificar todas as propriedades de um elemento usando a abreviação `all`. Definir o valor como `unset` altera as propriedades de um elemento para seus valores iniciais:
101+
102+
```css
103+
button {
104+
all: unset;
105+
}
106+
```
107+
108+
**Nota:** A abreviação `all` não é suportada no IE11 e atualmente está sendo considerada para suporte no Edge. `unset` não é suportado no IE11:
109+
110+
<sup>[voltar ao índice](#índice)</sup>
111+
112+
84113
### Use `:not()` para Aplicar/Remover Bordas
85114

86115
Ao invés de colocar a borda…

translations/ru-RU/README.md

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@
2222

2323
1. [Используйте CSS Reset](#Используйте-css-reset)
2424
1. [Наследуйте `box-sizing`](#Наследуйте-box-sizing)
25+
1. [Используйте `unset` вместо сброса всех свойств](#Используйте-unset-вместо-сброса-всех-свойств)
2526
1. [Используйте `:not()` для добавления / удаления границ в меню навигации](#Используйте-not-для-добавления--удаления-границ-в-меню-навигации)
2627
1. [Добавьте `line-height` в `body`](#Добавьте-line-height-в-body)
2728
1. [Выровнять все по вертикали](#Выровнять-все-по-вертикали)
@@ -83,6 +84,34 @@ html {
8384
<sup>[вернуться к оглавлению](#table-of-contents)</sup>
8485

8586

87+
### Используйте `unset` вместо сброса всех свойств
88+
89+
При сбросе свойств элемента нет необходимости сбросить каждое отдельное свойство:
90+
91+
```css
92+
button {
93+
background: none;
94+
border: none;
95+
color: inherit;
96+
font: inherit;
97+
outline: none;
98+
padding: 0;
99+
}
100+
```
101+
102+
Вы можете указать все свойства элемента, используя сокращенное выражение `all`. Установка значения `unset` изменяет свойства элемента на их начальные значения:
103+
104+
```css
105+
button {
106+
all: unset;
107+
}
108+
```
109+
110+
**Примечание:** стенограмма `all` не поддерживается в IE11 и в настоящее время рассматривается для поддержки в Edge. `unset` не поддерживается в IE11.
111+
112+
<sup>[вернуться к оглавлению](#table-of-contents)</sup>
113+
114+
86115
### Используйте `:not()` для добавления / удаления границ в меню навигации
87116

88117
Вместо того, чтобы добавлять границу...

translations/zh-CN/README.md

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@
2222

2323
1. [使用CSS复位](#使用css复位)
2424
1. [继承 `box-sizing`](#继承-box-sizing)
25+
1. [使用`unset`而不是重置所有屬性](#使用-unset-而不是重置所有屬性)
2526
1. [使用 `:not()` 选择器来决定表单是否显示边框](#使用-not-选择器来决定表单是否显示边框)
2627
1. [为 body 元素添加行高](#为-body-元素添加行高)
2728
1. [垂直居中任何元素](#垂直居中任何元素)
@@ -83,6 +84,34 @@ html {
8384
<sup>[回目录](#目录)</sup>
8485

8586

87+
### 使用`unset`而不是重置所有屬性
88+
89+
重置元素的屬性時,不需要重置每個單獨的屬性:
90+
91+
```css
92+
button {
93+
background: none;
94+
border: none;
95+
color: inherit;
96+
font: inherit;
97+
outline: none;
98+
padding: 0;
99+
}
100+
```
101+
102+
你可以用`all`簡寫來指定所有元素的屬性。 將該值設置為`unset`會將元素的屬性更改為其初始值:
103+
104+
```css
105+
button {
106+
all: unset;
107+
}
108+
```
109+
110+
**注意:** 所有速記在IE11中不被支持,目前正在考慮Edge的支持。 IE11不支持`unset`
111+
112+
<sup>[回目录](#目录)</sup>
113+
114+
86115
### 使用 `:not()` 选择器来决定表单是否显示边框
87116

88117
先为元素添加边框

0 commit comments

Comments
 (0)