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
<ul> <li>Neaktívna položka</li> <li class="aktivna">Aktívna položka</li> <li>Neaktívna položka 2</li> <li>Neaktívna položka 3</li> </ul>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
ul > .aktivna { /* na jetnotuchi opraski soumar GIF */ background-image: url(data:image/gif;base64,R0lGODlhEAAQAIAAAIAAgFXf/yH5BAEAAAAALAAAAAAQABAAAAIahI+py+0Po5QhxFofxm3v5XlJGB4kCZzq6hUAOw==); /* Nastavenie pozície ikonky */ background-position: bottom; /* nastavenie neopakovania ikonky */ background-repeat: no-repeat; border-bottom: 6px solid #5df } ul > li { /* zobrazenie položiek v riadku */ display: inline; /* pridanie rozdeľovača */ border-left: 2px solid lightblue; /* Pridanie paddingu, aby sa obrázok mal kam posunúť */ padding: 10px 10px 15px 10px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>