From 585cf204c175af495fa25c32d509c7ab9b8c8808 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 11 Nov 2021 10:06:29 +0900 Subject: Mozilla 独自の CSS プロパティを更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/11/09 時点の英語版に同期 --- .../web/css/-moz-force-broken-image-icon/index.md | 72 ++++++++++++---------- 1 file changed, 39 insertions(+), 33 deletions(-) (limited to 'files/ja/web/css/-moz-force-broken-image-icon/index.md') diff --git a/files/ja/web/css/-moz-force-broken-image-icon/index.md b/files/ja/web/css/-moz-force-broken-image-icon/index.md index d105691dd5..4408626318 100644 --- a/files/ja/web/css/-moz-force-broken-image-icon/index.md +++ b/files/ja/web/css/-moz-force-broken-image-icon/index.md @@ -4,64 +4,70 @@ slug: Web/CSS/-moz-force-broken-image-icon tags: - CSS - NeedsCompatTable - - Non-standard - - Reference + - 標準外 + - リファレンス + - recipe:css-property +browser-compat: css.properties.-moz-force-broken-image-icon translation_of: Web/CSS/-moz-force-broken-image-icon --- -
{{Non-standard_header}}{{CSSRef}}
+{{Non-standard_header}}{{CSSRef}} -

Mozillaの拡張CSSプロパティである -moz-force-broken-image-icon は、画像が壊れているときに表示されるイメージアイコンを、たとえ alt 属性を持っていたとしても、強制的に表示させるために使用されます。

+**`-moz-force-broken-image-icon`** は拡張 CSS プロパティで、壊れた画像に `alt` 属性が付いていても、壊れた画像のアイコンを強制的に表示することができます。 -

{{cssinfo}}

+## 構文 -

構文

+### 値 -

Values

+- {{cssxref("<integer>")}} + - : プロパティの値に `1` を指定した場合、その画像が {{HTMLElement("img", "`alt`", "#attr-alt")}} 属性を持っていたとしても、壊れた画像アイコンが表示されます。`0` を指定した場合、通常通り `alt` 属性のみが表示されます。 -
-
{{cssxref("<integer>")}}
-
プロパティの値に 1 を指定した場合、その画像が {{HTMLElement("img", "alt", "#attr-alt")}} 属性を持っていたとしても、壊れたイメージアイコンが表示されます。0 を指定した場合、通常通り alt 属性のみが表示されます。
-
+> **Note:** プロパティの値に `1` を指定した場合もなお、 `alt` 属性は壊れた画像アイコンの隣に同時に表示されます。 -
注: プロパティの値に 1 を指定した場合もなお、 alt 属性は壊れたイメージアイコンの隣に同時に表示されます。
+## 公式定義 -

Formal syntax

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

+

-

HTML

+### HTML -
<img src='/broken/image/link.png' alt='Broken image link'>
+```html +Broken image link +``` -

CSS

+### CSS -
img {
+```css
+img {
   -moz-force-broken-image-icon: 1;
   height: 100px;
   width: 100px;
-}
+} +``` + +### 結果 + +{{ EmbedLiveSample('Examples','125','125','/files/4619/broken%20image%20link.png') }} -

Result

+> **Note:** `-moz-force-broken-image-icon` の値に `1` を指定した場合、その画像に width と height を明示的に指定しない限り、壊れた画像アイコンは表示されず、 `alt` 属性も非表示になります。 -

{{ EmbedLiveSample('Example','125','125','/files/4619/broken%20image%20link.png') }}

+## メモ -
注: -moz-force-broken-image-icon の値に 1 を指定した場合、その画像にwidthとheightを明示的に指定しない限り、壊れたイメージアイコンは表示されず、 alt 属性も非表示になります。
+- このプロパティは Geckoベースのブラウザでのみ使用できます。 +- このプロパティの使用は非推奨です。代わりに適切な `alt` 属性を使用してください。 -

注記

+## 仕様書 - +どの標準にも含まれていません。 -

仕様

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

どの仕様にも記載されていません。

+{{Compat}} -

関連情報

+## 関連情報 - +- {{ Bug(58646) }} -- cgit v1.2.3-54-g00ecf