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

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

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

User avatar
pnut
PHP Super Member
PHP Super Member
Posts: 488
Joined: 08/08/2016 10:48 am

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

Post by pnut »

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

Code: Select all

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

Code: Select all

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

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 6 guests