blob: ec446f7f98a573d83e9213dd04c7ea3979d09201 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
---
title: ':-moz-loading'
slug: 'Web/CSS/:-moz-loading'
tags:
- CSS
- 'CSS:Mozilla Extensions'
- 'CSS:Mozilla 拡張'
- NeedsCompatTable
- Non-standard
- Pseudo-class
- Reference
- Selector
- セレクター
- 擬似クラス
- 標準外
translation_of: 'Web/CSS/:-moz-loading'
---
<div>{{CSSRef}}{{Non-standard_header}}{{gecko_minversion_header("1.9")}}</div>
<p><strong><code>:-moz-loading</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の <a href="/ja/docs/Web/CSS/Pseudo-classes">擬似クラス</a>で <a href="/ja/docs/Web/CSS/Mozilla_Extensions">Mozilla 拡張</a>であり、読み込みが開始されていないために表示できない要素、例えばまだ到着が開始されていない画像などに一致します。なお、読み込み<em>中</em>の画像は、この擬似クラスには一致<em>しません</em>。</p>
<div class="note">
<p><strong>注:</strong> このセレクターは主にテーマ開発者が使用するためのものです。</p>
</div>
<h2 id="Syntax" name="Syntax">構文</h2>
<pre class="syntaxbox notranslate">:-moz-loading</pre>
<h2 id="Example" name="Example">例</h2>
<pre class="brush: css notranslate">:-moz-loading {
background-color: #aaa;
background-image: url(loading-animation.gif) center no-repeat;
}</pre>
<h2 id="See_also" name="See_also">関連情報</h2>
<ul>
<li>{{cssxref(":-moz-broken")}}, {{cssxref(":-moz-suppressed")}}, {{cssxref(":-moz-user-disabled")}}</li>
</ul>
|
