Sublime Text
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> div{ background-color:pink; background-clip:content-box; border:10px solid black; padding:50px; height:100px; } </style> </head> <body> <div>LẬP TRÌNH WEB</div> <p>- Chiều cao của phần tử <div> phía trên sẽ là 220px, bởi vì:</p> <ul> <li>Đường viền phía trên 10px</li> <li>Đường viền phía dưới 10px</li> <li>Vùng đệm trên 50px</li> <li>Vùng đệm dưới 50px</li> <li>Chiều cao phần nội dung 100px</li> </ul> </body> </html>
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> div{ background-color:pink; background-clip:content-box; border:10px solid black; padding:50px; height:100px; } </style> </head> <body> <div>LẬP TRÌNH WEB</div> <p>- Chiều cao của phần tử <div> phía trên sẽ là 220px, bởi vì:</p> <ul> <li>Đường viền phía trên 10px</li> <li>Đường viền phía dưới 10px</li> <li>Vùng đệm trên 50px</li> <li>Vùng đệm dưới 50px</li> <li>Chiều cao phần nội dung 100px</li> </ul> </body> </html>