Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. CSS
  3. Reference
  4. At-rules
  5. @media
  6. hover

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

hover

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since Dezember 2018.

DiehoverCSSMedienabfrage kann verwendet werden, um zu testen, ob dasprimäre Eingabegerät des Benutzers über Elemente schweben kann.

Syntax

Dashover-Feature wird als Schlüsselwortwert angegeben, das aus der nachstehenden Liste ausgewählt wird.

none

Das primäre Eingabegerät kann überhaupt nicht oder nicht bequem über Elemente schweben (z. B. simulieren viele mobile Geräte das Schweben, wenn der Benutzer einen unbequemen langen Tap ausführt), oder es gibt keinen primären Zeigeeingabemechanismus.

hover

Das primäre Eingabegerät kann bequem über Elemente schweben.

Beispiele

HTML

html
<a href="#">Try hovering over me!</a>

CSS

css
/* default hover effect */a:hover {  color: black;  background: yellow;}@media (hover: hover) {  /* when hover is supported */  a:hover {    color: white;    background: black;  }}

Ergebnis

Spezifikationen

Specification
Media Queries Level 4
# hover

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

[8]ページ先頭

©2009-2026 Movatter.jp