diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-03 02:23:14 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-10 11:20:52 +0900 |
commit | 3fa40f7a8a3e17d4eea8ddd5047e8659ee7602da (patch) | |
tree | 2e78acca469ade61ea0dabb067c30aa390ba8a54 | |
parent | ae0cef9da605faf8a29875e748ba80b72cbc461b (diff) | |
download | translated-content-3fa40f7a8a3e17d4eea8ddd5047e8659ee7602da.tar.gz translated-content-3fa40f7a8a3e17d4eea8ddd5047e8659ee7602da.tar.bz2 translated-content-3fa40f7a8a3e17d4eea8ddd5047e8659ee7602da.zip |
2021/08/13 時点の英語版に同期
-rw-r--r-- | files/ja/web/css/_doublecolon_-moz-progress-bar/index.md | 62 |
1 files changed, 31 insertions, 31 deletions
diff --git a/files/ja/web/css/_doublecolon_-moz-progress-bar/index.md b/files/ja/web/css/_doublecolon_-moz-progress-bar/index.md index f683b31da8..b6de41efe7 100644 --- a/files/ja/web/css/_doublecolon_-moz-progress-bar/index.md +++ b/files/ja/web/css/_doublecolon_-moz-progress-bar/index.md @@ -1,60 +1,60 @@ --- title: '::-moz-progress-bar' -slug: 'Web/CSS/::-moz-progress-bar' +slug: Web/CSS/::-moz-progress-bar tags: - CSS - - 'CSS:Mozilla Extensions' - - 'CSS:Mozilla 拡張' + - CSS:Mozilla 拡張 - NeedsCompatTable - - Non-standard - - Pseudo-element - - Reference - - 擬似要素 - 標準外 -translation_of: 'Web/CSS/::-moz-progress-bar' + - 擬似要素 + - リファレンス + - セレクター +translation_of: Web/CSS/::-moz-progress-bar --- -<div>{{CSSRef}}{{Non-standard_header}}</div> +{{CSSRef}}{{Non-standard_header}} -<p><strong><code>::-moz-progress-bar</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の<a href="/ja/docs/Web/CSS/Pseudo-elements">擬似要素</a>で <a href="/ja/docs/Web/CSS/Mozilla_Extensions">Mozilla 拡張</a>であり、 {{HTMLElement("progress")}} 要素の中のプログレスバーを表します。 (バーは進捗した量を表します。)</p> +**`::-moz-progress-bar`** は [CSS](/ja/docs/Web/CSS) の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で [Mozilla 拡張](/ja/docs/Web/CSS/Mozilla_Extensions)であり、 {{HTMLElement("progress")}} 要素の中のプログレスバーを表します。 (バーは進捗した量を表します。) -<p>{{HTMLElement("progress")}} のまだ終了していない部分を Mozilla で選択したい場合は、 {{HTMLElement("progress")}} で直接選択してください。</p> +{{HTMLElement("progress")}} のまだ終了していない部分を Mozilla で選択したい場合は、 {{HTMLElement("progress")}} で直接選択してください。 -<h2 id="Syntax" name="Syntax">構文</h2> +## 構文 {{csssyntax}} -<h2 id="Examples" name="Examples">例</h2> +## 例 -<h3 id="HTML">HTML</h3> +### HTML -<pre class="brush:html; notranslate"><progress value="30" max="100">30%</progress> -<progress max="100">Indeterminate</progress></pre> +```html +<progress value="30" max="100">30%</progress> +<progress max="100">Indeterminate</progress> +``` -<h3 id="CSS">CSS</h3> +### CSS -<pre class="brush: css notranslate">::-moz-progress-bar { +```css +::-moz-progress-bar { background-color: red; } /* 不確実なバーは強制的に幅をゼロにする */ :indeterminate::-moz-progress-bar { width: 0; -}</pre> +} +``` -<h3 id="Result" name="Result">結果</h3> +### 結果 -<p>{{EmbedLiveSample('Examples')}}</p> +{{EmbedLiveSample('Examples')}} -<p>上記の最初のバーは次のようになります。</p> +## 仕様書 -<p><img alt="Custom styled progress bar" class="default internal" src="/@api/deki/files/5387/=redbar.png"></p> +どの標準にも含まれていません。 -<h2 id="See_also" name="See_also">関連情報</h2> +## 関連情報 -<ul> - <li>{{HTMLElement("progress")}}</li> - <li>{{ cssxref("::-ms-fill") }}</li> - <li>{{ cssxref("::-webkit-progress-bar") }}</li> - <li>{{ cssxref("::-webkit-progress-value") }}</li> - <li>{{ cssxref("::-webkit-progress-inner-element") }}</li> -</ul> +- {{HTMLElement("progress")}} +- {{ cssxref("::-ms-fill") }} +- {{ cssxref("::-webkit-progress-bar") }} +- {{ cssxref("::-webkit-progress-value") }} +- {{ cssxref("::-webkit-progress-inner-element") }} |