วิธีใช้งาน Style Sheet (Inline Styles)

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

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

ภาพประจำตัวสมาชิก
pnut
PHP Super Member
PHP Super Member
โพสต์: 488
ลงทะเบียนเมื่อ: 08/08/2016 10:48 am

วิธีใช้งาน Style Sheet (Inline Styles)

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

วิธีใช้งาน Style Sheet
1. Inline Styles เป็นการกำหนดให้ภายในแท็กนั้น ๆ เลย โดยจะมีผลต่อแท็กนั้น ๆ แท็กเดียวที่เราทำการกำหนด Style ให้มัน โดยใช้ Attribute "style" ภายในแท็กที่ต้องการกำหนดให้ วิธีการนี้ควรใช้ในกรณีที่ต้องการกำหนด style ให้กับ element ของ HTML เีพียงอันเดียวเป็นการเฉพาะ โดยการแทรกคำสั่ง style sheet ใน HTML Tag อยู่ในคำสั่ง style="" ดังนี้

โค้ด: เลือกทั้งหมด

<Tag style="property:value;">
Example

โค้ด: เลือกทั้งหมด

<html>
<body>
<h1 style="color:red; font-family:Arial">วิธีดูแลรักษาสุขภาพ</h1>
<p style="color:black; font-family:Arial; font-weight:bold">รับประทานอาหารที่มีประโยชน์ หมั่นออกกำลังกาย และพักผ่อนให้เพียงพอ</p> 
</body>
</html>
Screenshot
แนบไฟล์
iii.JPG
iii.JPG (27.36 KiB) Viewed 1074 times
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

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

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