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
<div class="ramecek"> <p>Nějaký text uvnitř contentu</p> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.ramecek { width: 300px; height: 100%; padding: 10px; border-top: 3px solid green; border-bottom: 3px solid orange; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(green), to(transparent)); background-image: -webkit-linear-gradient(green, transparent); background-image: -moz-linear-gradient(green, orange), -moz-linear-gradient(green, orange); background-image: -o-linear-gradient(green, orange), -o-linear-gradient(green, orange); background-image: linear-gradient(green, orange), linear-gradient(green, orange); -moz-background-size: 3px 100%; background-size: 3px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>