CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย
Moderator: mindphp, ผู้ดูแลกระดาน
-
GoB
- PHP Super Member
- โพสต์: 212
- ลงทะเบียนเมื่อ: 12/01/2015 10:14 am
โพสต์ที่ยังไม่ได้อ่าน
โดย GoB »
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 895 times
แบบ block
- block.jpg (15.83 KiB) Viewed 895 times
-
-
- 1 ตอบกลับ
- 707 แสดง
-
โพสต์ล่าสุด โดย eange08
07/12/2022 1:53 pm
-
-
- 0 ตอบกลับ
- 1073 แสดง
-
โพสต์ล่าสุด โดย mcmakdonal
19/05/2015 6:24 pm
-
-
- 2 ตอบกลับ
- 3198 แสดง
-
โพสต์ล่าสุด โดย malkovich
07/10/2020 8:44 pm
-
-
- 0 ตอบกลับ
- 5766 แสดง
-
โพสต์ล่าสุด โดย Patipat
21/06/2019 4:56 pm
-
-
- 2 ตอบกลับ
- 954 แสดง
-
โพสต์ล่าสุด โดย Parichat
25/05/2018 3:21 pm
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 38