HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> @media (pointer: none){ h1{ color: red; } } @media (pointer: coarse){ h1{ color: blue; } } @media (pointer: fine){ h1{ color: green; } } </style> </head> <body> <h1>CSS @media pointer</h1> <p><strong>Note</strong>: Check the following.</p> <ul> <li>If h1 is red, then the primary input mechanism does not include a pointing device.</li> <li>If h1 is blue, then the primary input mechanism includes a pointing device of limited accuracy.</li> <li>If h1 is green, then the primary input mechanism includes an accurate pointing device.</li> </ul> </body> </html>
OUTPUT
×

Save as Private