From 19ab7bafb038d4b1206faee4204cd72349b0f321 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 19 Dec 2021 02:57:42 +0900 Subject: 2021/08/13 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../css/@counter-style/additive-symbols/index.md | 88 ++++++++++------------ 1 file changed, 41 insertions(+), 47 deletions(-) (limited to 'files/ja/web/css/@counter-style') diff --git a/files/ja/web/css/@counter-style/additive-symbols/index.md b/files/ja/web/css/@counter-style/additive-symbols/index.md index f0ac37974f..03c568b745 100644 --- a/files/ja/web/css/@counter-style/additive-symbols/index.md +++ b/files/ja/web/css/@counter-style/additive-symbols/index.md @@ -3,83 +3,77 @@ title: additive-symbols slug: Web/CSS/@counter-style/additive-symbols tags: - '@counter-style' + - アットルール記述子 - CSS - CSS カウンタースタイル - CSS 記述子 - リファレンス +browser-compat: css.at-rules.counter-style.additive-symbols translation_of: Web/CSS/@counter-style/additive-symbols --- -
{{CSSRef}}
+{{CSSRef}} -

additive-symbols 記述子で、カウンターの {{cssxref('system')}} 記述子が加算的 (additive) な場合の記号を指定することができます。 additive-symbols 記述子では加算的なタプルを、それぞれ記号と非負数の整数による重みの組で定義します。加算的なシステムは、ローマ数字のような sign-value numbering を構築するために使われます。

+**`additive-symbols`** 記述子は、カウンターの {{cssxref('system')}} 記述子が加算的 (`additive`) な場合の記号を指定することができます。 `additive-symbols` 記述子では*加算的なタプル*を、それぞれ記号と非負数の整数による重みの組で定義します。加算的なシステムは、ローマ数字のような [sign-value numbering](http://en.wikipedia.org/wiki/Sign-value_notation) を構築するために使われます。 -
additive-symbols: 3 "0";
+## 構文
+
+```css
+additive-symbols: 3 "0";
 additive-symbols: 3 "0", 2 "\2E\20";
 additive-symbols: 3 "0", 2 url(symbol.png);
-
+``` -

system 記述子が cyclic, numeric, alphabetic, symbolic, fixed の場合は、 additive-symbols の代わりに {{cssxref('symbols')}} 記述子を使用してください。

+`system` 記述子が `cyclic`, `numeric`, `alphabetic`, `symbolic`, `fixed` の場合は、 {{cssxref('symbols')}} 記述子を `additive-symbols` の代わりに使用してください。 -

{{cssinfo}}

+## 公式定義 -

構文

+{{cssinfo}} -

形式文法

+## 形式文法 {{csssyntax}} -

例

+## 例 + +### 加算的シンボルの指定 -

HTML

+#### HTML -
<ul class="list">
-  <li>One</li>
-  <li>Two</li>
-  <li>Three</li>
-  <li>Four</li>
-  <li>Five</li>
-</ul>
+```html + +``` -

CSS

+#### CSS -
@counter-style additive-symbols-example {
+```css
+@counter-style additive-symbols-example {
   system: additive;
-  additive-symbols: V 5, IV 4, I 1;
+  additive-symbols: V 5, IV 4, I 1;
 }
 .list {
   list-style: additive-symbols-example;
-}
+} +``` -

結果

+#### 結果 -

{{ EmbedLiveSample('Example') }}

+{{ EmbedLiveSample('Specifying_additive_symbols') }} -

仕様書

+## 仕様書 - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS3 Counter Styles', '#counter-style-symbols', 'additive-symbols')}}{{Spec2('CSS3 Counter Styles')}}初回定義
+{{Specifications}} -

ブラウザーの対応

+## ブラウザーの互換性 -

{{Compat("css.at-rules.counter-style.additive-symbols")}}

+{{Compat}} -

関連情報

+## 関連情報 - +- {{Cssxref("list-style")}}, {{Cssxref("list-style-image")}}, {{Cssxref("list-style-position")}} +- {{cssxref("symbols()", "symbols()")}}、無名のカウンタースタイルを作成する関数記法 -- cgit v1.2.3-54-g00ecf