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

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

GoB
PHP Super Member
PHP Super Member
Posts: 212
Joined: 12/01/2015 10:14 am

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

Post by GoB » 17/03/2015 4:05 pm

: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 377 times
แบบ block
block.jpg
block.jpg (15.83 KiB) Viewed 377 times

  • Similar Topics
    Replies
    Views
    Last post

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 38 guests