Sublime Text
<!DOCTYPE html> <html> <head> <style type="text/css"> p{ text-align:justify; font-size:18px; } .test_01{ border:1px solid black; max-width:400px; width:500px; } .test_02{ border:1px solid black; max-width:400px; width:300px; } .test_03{ border:1px solid black; max-width:400px; } </style> </head> <body> <p>- Phần tử bên dưới sử dụng thuộc tính max-width để xác định chiều rộng tối đa cho phần nội dung của nó là 400px, nó còn dùng thuộc tính width để thiết lập chiều rộng cho phần nội dung của nó là 500px <i>(tuy nhiên giá trị này vượt quá chiều rộng tối đa, do đó thuộc tính max-width sẽ ghi đè lên thuộc tính width)</i>. Chiều rộng phần nội dung của phần tử bên dưới sẽ là 400px</p> <div class="test_01">- Lập Trình Web</div> <p>- Phần tử bên dưới sử dụng thuộc tính max-width để xác định chiều rộng tối đa cho phần nội dung của nó là 400px, nó còn dùng thuộc tính width để thiết lập chiều rộng cho phần nội dung của nó là 300px <i>(giá trị này chưa vượt quá chiều rộng tối đa, cho nên được sử dụng)</i>. Chiều rộng phần nội dung của phần tử bên dưới sẽ là 300px</p> <div class="test_02">- Lập Trình Web</div> <p>- Phần tử bên dưới sử dụng thuộc tính max-width để xác định chiều rộng tối đa cho phần nội dung của nó là 400px, nó không sử dụng thuộc tính width, cho nên chiều rộng phần nội dung của phần tử sẽ bằng với giá tị của thuộc tính max-width là 400px</p> <div class="test_03">- Lập Trình Web</div> </body> </html>
<!DOCTYPE html> <html> <head> <style type="text/css"> p{ text-align:justify; font-size:18px; } .test_01{ border:1px solid black; max-width:400px; width:500px; } .test_02{ border:1px solid black; max-width:400px; width:300px; } .test_03{ border:1px solid black; max-width:400px; } </style> </head> <body> <p>- Phần tử bên dưới sử dụng thuộc tính max-width để xác định chiều rộng tối đa cho phần nội dung của nó là 400px, nó còn dùng thuộc tính width để thiết lập chiều rộng cho phần nội dung của nó là 500px <i>(tuy nhiên giá trị này vượt quá chiều rộng tối đa, do đó thuộc tính max-width sẽ ghi đè lên thuộc tính width)</i>. Chiều rộng phần nội dung của phần tử bên dưới sẽ là 400px</p> <div class="test_01">- Lập Trình Web</div> <p>- Phần tử bên dưới sử dụng thuộc tính max-width để xác định chiều rộng tối đa cho phần nội dung của nó là 400px, nó còn dùng thuộc tính width để thiết lập chiều rộng cho phần nội dung của nó là 300px <i>(giá trị này chưa vượt quá chiều rộng tối đa, cho nên được sử dụng)</i>. Chiều rộng phần nội dung của phần tử bên dưới sẽ là 300px</p> <div class="test_02">- Lập Trình Web</div> <p>- Phần tử bên dưới sử dụng thuộc tính max-width để xác định chiều rộng tối đa cho phần nội dung của nó là 400px, nó không sử dụng thuộc tính width, cho nên chiều rộng phần nội dung của phần tử sẽ bằng với giá tị của thuộc tính max-width là 400px</p> <div class="test_03">- Lập Trình Web</div> </body> </html>