ใช้เอฟเฟกต์เรืองแสงเพื่อสร้างแสงรอบๆ วัตถุ หากเป็นภาพที่โปร่งใส การเรืองแสงจะถูกสร้างขึ้นรอบๆ พิกเซลทึบแสง พารามิเตอร์ต่อไปนี้สามารถใช้ได้ในตัวกรองนี้ พารามิเตอร์ คำอธิบาย Color สีที่คุณต้องการให้แสงเป็นประกาย Strength ความเข้มของแสง (ตั้งแต่ 1 ถึง 255) ตัวอย่าง คุณสามารถลองเรียกใช
ใช้เอฟเฟกต์ระดับสีเทาเพื่อแปลงสีของวัตถุเป็นสีเทา 256 เฉด พารามิเตอร์ต่อไปนี้ใช้ในตัวกรองนี้: พารามิเตอร์ คำอธิบาย Gray แปลงสีของวัตถุเป็น 256 เฉดสีเทา ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อตั้งค่าเอฟเฟกต์โทนสีเทา: <html> <head> </head&g
ใช้ฟิลเตอร์เงาเพื่อสร้างเงาในทิศทางและสีที่ระบุ พารามิเตอร์ต่อไปนี้สามารถใช้ได้ในตัวกรองนี้ พารามิเตอร์ คำอธิบาย Color สีที่คุณต้องการให้เป็นเงา Direction ทิศทางของการเบลอตามเข็มนาฬิกา ปัดเศษขึ้นทีละ 45 องศา ค่าเริ่มต้นคือ 270 (ซ้าย) 0 =ด้านบน 45 =ขวาบน 90 =ถูกต้อง 135 =ล่างขวา 180
ใช้ :ลิงก์ คลาสเพื่อกำหนดสีลิงค์ ค่าที่เป็นไปได้อาจเป็นชื่อสีใดก็ได้ในรูปแบบที่ถูกต้อง ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อกำหนดสีของลิงค์ − <html> <head> <style> a:link { &nb
ความกว้างโครงร่าง คุณสมบัติใช้เพื่อกำหนดความกว้างของโครงร่าง ค่าควรเป็นค่าความยาวหรือค่าใดค่าหนึ่ง บาง ปานกลาง หรือ หนา เช่นเดียวกับแอตทริบิวต์ border-width ตัวอย่าง <html> <head> </head> <body> <p style = "o
ใช้ :active คลาสเพื่อเปลี่ยนสีของลิงก์ที่ใช้งานอยู่ ค่าที่เป็นไปได้อาจเป็นชื่อสีใดก็ได้ในรูปแบบที่ถูกต้อง ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้สีของลิงก์ที่ทำงานอยู่ − <html> <head> <style> a:active {
ใช้ :focus คลาสเพื่อเปลี่ยนสีของลิงค์ที่เน้น ค่าที่เป็นไปได้อาจเป็นชื่อสีในรูปแบบใดก็ได้ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้สีของลิงก์ที่โฟกัส − <html> <head> <style> a:focus { &n
ใช้องค์ประกอบนี้เพื่อเพิ่มสไตล์พิเศษให้กับบรรทัดแรกของข้อความในตัวเลือก ตัวอย่างต่อไปนี้จะสาธิตวิธีการใช้องค์ประกอบ :first-line เพื่อเพิ่มเอฟเฟกต์พิเศษให้กับองค์ประกอบบรรทัดแรกในเอกสาร ตัวอย่าง <html> <head> <style> &n
ใช้องค์ประกอบ :first-letter เพื่อเพิ่มเอฟเฟกต์พิเศษให้กับตัวอักษรตัวแรกขององค์ประกอบในเอกสาร คุณสามารถลองใช้รหัสต่อไปนี้เพื่อเพิ่มรูปแบบพิเศษให้กับตัวอักษรตัวแรกของข้อความ - ตัวอย่าง <html> <head> <style> p:first
ใช้องค์ประกอบ :before เพื่อแทรกเนื้อหาบางส่วนก่อนองค์ประกอบใดๆ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อแทรกเนื้อหาบางส่วนก่อนองค์ประกอบด้วย CSS − <html> <head> <style> p:before { &nbs
ในการปรับใช้เอฟเฟกต์ภาพเคลื่อนไหว Fade Out Left บนรูปภาพด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ - ตัวอย่าง <html> <head> <style> .animated { background-image: url(/css/
กฎ !important เป็นวิธีสร้าง CSS cascade ของคุณ รวมถึงกฎเกณฑ์ต่างๆ ที่จะนำมาใช้เสมอ กฎที่มีคุณสมบัติ !important จะถูกนำไปใช้เสมอ ไม่ว่ากฎนั้นจะปรากฏที่ใดในเอกสาร CSS ตัวอย่างเช่น ในสไตล์ชีตต่อไปนี้ ข้อความในย่อหน้าจะเป็นสีดำ แม้ว่าคุณสมบัติรูปแบบแรกที่ใช้จะเป็นสีแดง - <style> <!
ในการระบุว่าชุดอักขระใดในสไตล์ชีตที่เขียนด้วย CSS ให้ใช้กฎ @character ต้องเขียนกฎ @charset ที่จุดเริ่มต้นของสไตล์ชีตโดยไม่ต้องเว้นวรรคก่อน ค่านี้อยู่ในเครื่องหมายคำพูดและควรเป็นหนึ่งในชุดอักขระมาตรฐาน ตัวอย่าง ให้เราดูตัวอย่าง , <style> <!-- @charset "
รูปแบบเค้าร่าง คุณสมบัติระบุสไตล์สำหรับบรรทัดที่ไปรอบ ๆ องค์ประกอบ สามารถรับค่าใดค่าหนึ่งดังต่อไปนี้ − ไม่มี − ไม่มีพรมแดน (เท่ากับ outline-width:0;) แข็ง − เค้าร่างเป็นเส้นทึบเส้นเดียว จุด − โครงร่างคือชุดของจุด ประ − โครงร่างคือชุดของบรรทัดสั้นๆ ดับเบิ้ล − เค้าร่างเป็นเส้นทึบสองเส้น ร่อง − โครงร
The outline-color คุณสมบัติช่วยให้คุณสามารถระบุสีของเค้าร่าง ค่าควรเป็นชื่อสี สีฐานสิบหก หรือค่า RGB เช่นเดียวกับคุณสมบัติสีและสีขอบ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน outline-color ทรัพย์สิน − <html> <head> </head> <body&
The :visited pseudo-class ใช้เพื่อเพิ่มสไตล์พิเศษให้กับลิงค์ที่เข้าชม ค่าที่เป็นไปได้อาจเป็นชื่อสีใดก็ได้ในรูปแบบที่ถูกต้อง ตัวอย่าง <html> <head> <style> a:visited { colo
ระยะขอบ คุณสมบัติกำหนดพื้นที่รอบองค์ประกอบ HTML คุณสามารถใช้ค่าลบเพื่อทับซ้อนเนื้อหาได้ ระบุคุณสมบัติชวเลขสำหรับการตั้งค่าคุณสมบัติระยะขอบในหนึ่งประกาศ ตัวอย่าง คุณสามารถลองใช้โค้ดต่อไปนี้เพื่อตั้งค่าระยะขอบได้ - <html> <head> </head> <body
ใช้ :hover เพื่อเปลี่ยนสีของลิงก์เมื่อเรานำตัวชี้เมาส์ไปวางเหนือลิงก์นั้น ตัวอย่าง <html> <head> <style> a:hover { color: #FFCC00 }
The :โฮเวอร์ คลาสหลอกใช้เพื่อเพิ่มสไตล์พิเศษให้กับองค์ประกอบเมื่อคุณวางเมาส์เหนือมัน ค่าที่เป็นไปได้อาจเป็นชื่อสีในรูปแบบใดก็ได้ ตัวอย่าง <html> <head> <style> a:hover { co
:active pseudo-class ถูกใช้เพื่อเพิ่มสไตล์พิเศษให้กับองค์ประกอบที่ใช้งาน ค่าที่เป็นไปได้อาจเป็นชื่อสีในรูปแบบใดก็ได้ ตัวอย่าง <html> <head> <style> a:active { color: #FF00C
