From a8026efcd3bbf9ac82b6dc432fb5b5ea08af3126 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 8 Oct 2021 01:42:14 +0900 Subject: CSS テキスト装飾の各プロパティの文書を更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/10/04 時点の英語版に同期 --- files/ja/web/css/text-emphasis-style/index.md | 129 ++++++++++++-------------- 1 file changed, 60 insertions(+), 69 deletions(-) (limited to 'files/ja/web/css/text-emphasis-style') diff --git a/files/ja/web/css/text-emphasis-style/index.md b/files/ja/web/css/text-emphasis-style/index.md index 6c2e0bd827..834cc632d7 100644 --- a/files/ja/web/css/text-emphasis-style/index.md +++ b/files/ja/web/css/text-emphasis-style/index.md @@ -3,20 +3,22 @@ title: text-emphasis-style slug: Web/CSS/text-emphasis-style tags: - CSS - - CSS テキスト装飾 - CSS プロパティ + - CSS テキスト装飾 - Reference - - text-emphasis + - recipe:css-property +browser-compat: css.properties.text-emphasis-style translation_of: Web/CSS/text-emphasis-style --- -
{{CSSRef}}
+{{CSSRef}} -

CSS の text-emphasis-style プロパティは、圏点の表示を設定します。設定や解除に一括指定の {{cssxref("text-emphasis")}} を使用することもできます。

+**`text-emphasis-style`** は [CSS](/ja/docs/Web/CSS) のプロパティで、圏点の表示を設定します。設定やリセットに一括指定の {{cssxref("text-emphasis")}} を使用することもできます。 -
/* 初期値 */
+```css
+/* 初期値 */
 text-emphasis-style: none; /* 圏点なし */
 
-/* <string> 値 */
+/*  値 */
 text-emphasis-style: 'x';
 text-emphasis-style: '点';
 text-emphasis-style: '\25B2';
@@ -36,72 +38,61 @@ text-emphasis-style: open sesame;
 /* グローバル値 */
 text-emphasis-style: inherit;
 text-emphasis-style: initial;
+text-emphasis-style: revert;
 text-emphasis-style: unset;
-
- -

{{cssinfo}}

- -

構文

- -

値

- -
-
none
-
圏点なし。
-
filled
-
図形は単色で塗りつぶされます。 filled も open も指定されない場合は、これが既定値です。
-
open
-
図形は中抜きになります。
-
dot
-
記号として小さな円を表示します。 filled dot は '•' (U+2022)、 open dot は '◦' (U+25E6) です。
-
circle
-
記号として大きな円を表示します。 filled circle は '●' (U+25CF)、 open circle は '○' (U+25CB) です。
-
double-circle
-
記号として二重丸を表示します。 filled double-circle は '◉' (U+25C9)、 open double-circle は '◎' (U+25CE) です。
-
triangle
-
記号として三角形を表示します。 filled triangle は '▲' (U+25B2)、 open triangle は '△' (U+25B3) です。
-
sesame
-
記号としてゴマを表示します。 filled sesame は '﹅' (U+FE45)、 open sesame は '﹆' (U+FE46) です。
-
<string>
-
記号として文字列を表示します。 <string> には1文字を超える文字列を指定しないでください。ユーザーエージェントは、1つより多い書記素クラスターから構成される文字列を短縮したり無視したりする可能性があります。
-
- -

形式文法

+``` + +## 構文 + +### 値 + +- `none` + - : 圏点なし。 +- `filled` + - : 図形は単色で塗りつぶされます。 `filled` も `open` も指定されない場合は、これが既定値です。 +- `open` + - : 図形は中抜きになります。 +- `dot` + - : 記号として小さな円を表示します。 filled dot は `'•'` (`U+2022`)、 open dot は `'◦'` (`U+25E6`) です。 +- `circle` + - : 記号として大きな円を表示します。 filled circle は `'●'` (`U+25CF`)、 open circle は `'○'` (`U+25CB`) です。 +- `double-circle` + - : 記号として二重丸を表示します。 filled double-circle は `'◉'` (`U+25C9`)、 open double-circle は `'◎'` (`U+25CE`) です。 +- `triangle` + - : 記号として三角形を表示します。 filled triangle は `'▲'` (`U+25B2`)、 open triangle は `'△'` (`U+25B3`) です。 +- `sesame` + - : 記号としてゴマを表示します。 filled sesame は `'﹅'` (`U+FE45`)、 open sesame は `'﹆'` (`U+FE46`) です。 +- `` + - : 記号として文字列を表示します。`` には 1 *文字*を超える文字列を指定しないでください。ユーザーエージェントは、2 文字以上の書記素クラスターから構成される文字列を短縮したり無視したりする可能性があります。 + +## 公式定義 + +{{CSSInfo}} + +## 形式文法 {{csssyntax}} -

例

+## Examples -
h2 {
+### 基本的な例
+
+```css
+h2 {
+  -webkit-text-emphasis-style: sesame;
   text-emphasis-style: sesame;
-}
- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS3 Text Decoration', '#text-emphasis-style-property', 'text-emphasis')}}{{Spec2('CSS3 Text Decoration')}}初回定義
- -

ブラウザーの互換性

- -

{{Compat("css.properties.text-emphasis-color")}}

- -

関連情報

- -
    -
  • 関連プロパティ: {{cssxref('text-emphasis-color')}}, {{cssxref('text-emphasis')}}
    • -
  • 圏点の位置の定義を可能にする {{cssxref('text-emphasis-position')}} プロパティ。
    • -
+} +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- 関連プロパティ: {{cssxref('text-emphasis-color')}}, {{cssxref('text-emphasis')}} +- 圏点の位置の定義を可能にする {{cssxref('text-emphasis-position')}} プロパティ -- cgit v1.2.3-54-g00ecf