Inline
รูปแบบ Inline มักไม่ค่อยมีใช้ในการใช้รูปแบบ CSS นัก และเราก็ไม่แนะนำให้ใช้หรือถ้าต้องมีการใช้ก็ใช้ให้น้อยที่สุดเท่าที่จะ เป็นไปได้ ด้วยวัตถุประสงค์หลักของ CSS นั้นคือการแยกรูปแบบออกจากเอกสาร HTML รูปแบบนี้จึงไม่ค่อยมีการใช้งานนัก แต่อย่างไรก็ตาม หากคุณต้องการใช้ รูปแบบนี้ก็ยังมีให้ใช้อยู่
การใช้งาน
หากคุณอยากให้แท็กย่อหน้ามีสีพื้นหลังที่แตกต่างไปจากสีพื้นหลังหลักใน เวบเพจ คุณจะไม่สามารถทำได้ในแท็กย่อหน้าของเอกสาร HTML แต่รูปแบบ CSS นั้นทำได้ ด้วยการใช้รูปแบบ Inline ในบทที่ผ่านมา
ตัวอย่างโค๊ด:
< p style ="background:yellow; color: green" >
พื้นหลังแท็กย่อหน้าสีเหลืองและแบบอักษรสีเขียวในรูปแบบ Inline
แสดงผล:
พื้น หลังแท็กย่อหน้าสีเหลืองและแบบอักษรสีเขียวในรูปแบบ Inline
ข้อผิดพลาดที่อาจเกิดขึ้น
เมื่อมีการใช้งานคุณต้องแน่ใจว่าคุณไม่ได้ไม่ใช้เครื่องหมายอัญประกาศ ภายในรูปแบบ Inline ถ้าคุณใช้เครื่องหมายอัญประกาศ Web Browser จะแปลเครื่องหมายนี้เป็นจุดสิ้นสุดของค่าในรูปแบบ Inline
ตัวอย่างโค๊ด:
"testbg.gif")">โค๊ดนี้ไม่ทำงาน
testbg.gif)">โค๊ดนี้ทำงานได้
แสดงผล:
โค๊ดนี้ไม่ทำงาน
โค๊ด นี้ทำงานได้
Credit : webtutorial.icspace.net
ไม่มีความคิดเห็น:
แสดงความคิดเห็น