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
<p> Značka <code><img></code> je natáhlá o <code>padding</code> a <code>border</code>.<br> <img src="i/400x100/000" class="padding-border"> </p> <p> <img src="i/400x100/000"> </p> <p> Obrázek se zmenšil, aby i s <code>padding</code>em a <code>border</code>em dosáhl přesné šířky<br> <img src="i/400x100/000" class="padding-border box-sizing"> </p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.padding-border { padding: .5em; border: 1px solid #ccc } img {max-width: 200px} .box-sizing { box-sizing: border-box; -moz-box-sizing: border-box; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>