Nhấn
CTRL + SPACE
để xem gợi ý code
Xem kết quả
Thuộc tính position trong CSS
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Học CSS toidicode.com</title> </head> <style type="text/css" media="screen"> div{ background-color: gray; width: 100%; height: 70px; margin-top: 2px; } p{ background-color: orange; width: 200px; padding: 10px; position: static; top: 15px; left: 15px; } </style> <body> <span> <input type="radio" name="position" value="static" onclick="changeProperties(this)" checked=""> static <input type="radio" name="position" value="absolute" onclick="changeProperties(this)"> absolute <input type="radio" name="position" value="relative" onclick="changeProperties(this)"> relative <input type="radio" name="position" value="fixed" onclick="changeProperties(this)"> fixed </span> <div>The div 1</div> <div>The div 2</div> <div>The div 3</div> <div>The div 4</div> <div>The div 5</div> <p>Thẻ P</p> <div>The div 6</div> <div>The div 7</div> <div>The div 8</div> <div>The div 9</div> <div>The div 10</div> <script type="text/javascript"> function changeProperties(el) { document.getElementsByTagName('p')[0].style.position = el.value; } </script> </body> </html>
