
CSS display เป็นการกำหนดลักษณะของการแสดงผล ซึ่งค่าที่สามารถใช้ในการกำหนด จะมีดังนี้
display:inline; กำหนดให้มีการแสดงผลในบรรทัดเดียวกัน
display:block; กำหนดให้มีการแสดงผลโดยเริ่มบรรทัดใหม่
display:none; กำหนดให้ไม่มีการแสดงข้อมูลดังกล่าว
display:initial; กำหนดให้แสดงผลในรูปแบบปกติ
ตัวอย่างโค้ดที่เขียน
Code: Select all
<html>
<head>
<style>
p { //กำหนด class
background-color:green; //กำหนดสีพื้นหลัง
display:inline; //กำหนดรูปแบบของการแสดงผล
}
</style>
</head>
<body>
<div>ยินดีต้อนรับเข้าสู่เว็บไซต์<p>www.mindphp.com</p>เว็บแห่งการเรียนรู้
</body>
</html>
แบบ inline แบบ block