<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
<title>test</title>
<style type="text/css">
h3 {
text-align: center;
}
/* PRINT VERSION */
@media print {
h3:after {
content: ' - PRINT';
display: inline;
}
}
/* PHONE VERSION */
@media only screen and (min-width: 320px) {
h3:after {
content: ' - PHONE';
display: inline;
}
}
/* TABLET VERSION */
@media only screen and (min-width: 768px) {
h3:after {
content: ' - TABLET';
display: inline;
}
}
/* DESKTOP VERSION */
@media only screen and (min-width: 980px) {
h3:after {
content: ' - DESKTOP';
display: inline;
}
}
</style>
</head>
<body>
<h3>TEST</h3>
</body>
</html>| Code Example |
|---|
| Css :: hide input border on focus |
| Css :: import css in another css file |
| Css :: css super smooth shadow |
| Css :: comments in css |
| Css :: estilos de scroll css |
| Css :: kotlin string to int |
| Css :: hover on one div affect another |
| Css :: centos 8 cron on reboot |
| Css :: color checker css online |
| Css :: bootstrap ol |
| Css :: text overflow |
| Css :: all.min.css cdn |
| Css :: css glow on hover |
| Css :: css sticky navigatiojn |
| Css :: border radius 4 values |
| Css :: how to use gradient on font css? |
| Css :: Scroll background still |
| Css :: rotate element css |
| Css :: css change background color of page |
| Css :: input type date all css style |
| Css :: vuetify input change outline color |
| Css :: css margin top |
| Css :: background image overlay |
| Css :: button css |
| Css :: icon rounded corners css |
| Css :: how to call media query inside css class |
| Css :: transition shorthand |
| Css :: purgecss cli |
| Css :: multi colors in background in css |
| Css :: @supports css |