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