Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Detekce typu a přesnosti ovládání</title> <h1>Detekce typu a přesnosti ovládání</h1> <h2><code>any-hover</code></h2> <p class="any-hover"><code>any-hover</code></p> <p class="any-hover-none"><code>any-hover: none</code></p> <p class="any-hover-on-demand"><code>any-hover: on-demand</code></p> <p class="any-hover-hover"><code>any-hover: hover</code></p> <h2><code>any-pointer</code></h2> <p class="any-pointer"><code>any-pointer</code></p> <p class="any-pointer-coarse"><code>any-pointer: coarse</code></p> <p class="any-pointer-fine"><code>any-hover: fine</code></p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
p { background: #FF9999; padding: 1em; display: inline-block; } /* any-hover */ @media (any-hover) { .any-hover {background: #99FF99} } @media (any-hover: none) { .any-hover-none {background: #99FF99} } @media (any-hover: on-demand) { .any-hover-on-demand {background: #99FF99} } @media (any-hover: hover) { .any-hover-hover {background: #99FF99} } /* any-pointer */ @media (any-pointer) { .any-pointer {background: #99FF99} } @media (any-pointer: coarse) { .any-pointer-coarse {background: #99FF99} } @media (any-pointer: fine) { .any-pointer-fine {background: #99FF99} }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>