Page 1 of 1

CSS display กำหนดลัษณะการแสดงผล

Posted: 17/03/2015 4:05 pm
by GoB
:twisted: CSS display กำหนดลัษณะการแสดงผล

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
inline.jpg
inline.jpg (11.59 KiB) Viewed 379 times
แบบ block
block.jpg
block.jpg (15.83 KiB) Viewed 379 times