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>Test pseudo-elementů :before a :after na různých elementech</title> <h1>Test pseudo-elementů <code>:before</code> a <code>:after</code> na různých elementech</h1> <h2>Input</h2> <input type="text"> <h3>Input <code>checkbox</code></h3> <input type="checkbox"> <h3>Input <code>radio</code></h3> <input type="radio"> <h3>Input <code>range</code></h3> <input type="range"> <h2>Textarea</h2> <textarea name="" id="" cols="30" rows="10"></textarea> <h2>Selectbox</h2> <select name="" id=""> <option value="">Položka</option> </select> <h2>Odřádkování</h2> <p>Text <br> text</p> <h2>Obrázek</h2> <img src="/i/100"> <h2>Vodorovná čára</h2> <hr>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
input:after, textarea:after, select:after, option:after, br:after, hr:after, img:after { content: "Funguje"; margin-left: 5em; padding: .2em; color: #fff; background: #000; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>