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

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

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

ตอบกลับโพส
GoB
PHP Super Member
PHP Super Member
โพสต์: 212
ลงทะเบียนเมื่อ: 12/01/2015 10:14 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย GoB »

:twisted: 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
inline.jpg (11.59 KiB) Viewed 895 times
แบบ block
block.jpg
block.jpg (15.83 KiB) Viewed 895 times
ข้างบน
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง “CSS Knowledge”



ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 38