From 80b2577dbdd2a2de0c2d13ae619de67e3c262cf1 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Mon, 3 Jan 2022 02:47:26 +0900 Subject: 2021/08/13 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../css/_doublecolon_-webkit-slider-thumb/index.md | 51 ++++++++++++---------- 1 file changed, 27 insertions(+), 24 deletions(-) (limited to 'files/ja/web') diff --git a/files/ja/web/css/_doublecolon_-webkit-slider-thumb/index.md b/files/ja/web/css/_doublecolon_-webkit-slider-thumb/index.md index 03655e6a79..78878f0369 100644 --- a/files/ja/web/css/_doublecolon_-webkit-slider-thumb/index.md +++ b/files/ja/web/css/_doublecolon_-webkit-slider-thumb/index.md @@ -1,42 +1,45 @@ --- title: '::-webkit-slider-thumb' -slug: 'Web/CSS/::-webkit-slider-thumb' +slug: Web/CSS/::-webkit-slider-thumb tags: - CSS - NeedsBrowserCompatibility - NeedsCompatTable - NeedsExample - NeedsMobileBrowserCompatibility - - Non-standard - - Pseudo-element - - Reference - - 擬似要素 - 標準外 + - 擬似要素 + - リファレンス + - セレクター +browser-compat: css.selectors.-webkit-slider-thumb translation_of: 'Web/CSS/::-webkit-slider-thumb' --- -
{{CSSRef}}{{Non-standard_header}}
+{{CSSRef}}{{Non-standard_header}} + +**`::-webkit-slider-thumb`** は CSS の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で、 {{HTMLElement("input")}} の `type="range"` でユーザーが数値を変更するために「溝」の中を動かすことができる「つまみ」を表します。 + +## 構文 + +```css +::-webkit-slider-thumb +``` + +## 仕様書 -

::-webkit-slider-thumb は CSS の擬似要素で、数値の値を変更する {{HTMLElement("input")}} の type="range" でユーザーが「溝」の中を動かすことができる「つまみ」を表します。

+どの仕様書でも定義されていません。これは WebKit/Blink に固有の私有擬似要素です。 -

仕様書

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

どの仕様書でも定義されていません。これは WebKit/Blink に固有の私有擬似要素です。

+{{Compat}} -

ブラウザーの互換性

+## 関連情報 -

{{Compat("css.selectors.-webkit-slider-thumb")}}

+- {{cssxref("::-webkit-slider-runnable-track")}} +- 他のブラウザーで使われている類似の擬似要素: -

関連情報

+ - {{cssxref("::-moz-range-thumb")}} + - {{cssxref("::-ms-thumb")}} - +- [CSS-Tricks: Styling Cross-Browser Compatible Range Inputs with CSS](https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/) +- [QuirksMode: Styling and scripting sliders](https://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html) +- [Couple of Gotchas to Watch-out For](https://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html) -- cgit v1.2.3-54-g00ecf