หน้าแรก
หน้าแรก
ในการใช้งานแอนิเมชั่นกับคุณสมบัติการเว้นวรรคคำด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> div { border: 2px solid blue;
หน่วย px กำหนดหน่วยวัดเป็นพิกเซลของหน้าจอ ต่อไปนี้เป็นตัวอย่าง − div { padding: 40px; } หน่วย em เป็นการวัดสัมพัทธ์สำหรับความสูงของแบบอักษรในพื้นที่ว่าง เนื่องจากหน่วย em นั้นเทียบเท่ากับขนาดของฟอนต์ที่กำหนด หากคุณกำหนดฟอนต์เป็น 12pt แต่ละหน่วย em จะเป็น 12pt; ดังนั้น 2em จะเป็น 24pt.
หากต้องการใช้งานแอนิเมชั่นบนคุณสมบัติดัชนี z ด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> div { position: absolute; &nbs
คลาสหลอก คือการแสดงสถานะที่แตกต่างกันขององค์ประกอบหรือตัวเลือก css Active pseudo class คือการแสดงว่า element อยู่ในสถานะ active คลาสหลอกนี้ส่วนใหญ่เชื่อมโยงกับลิงก์และปุ่มหรือองค์ประกอบอื่นๆ ที่สามารถใช้งานได้ ตัวอย่างเช่น หากเชื่อมโยงกับลิงก์ที่ลิงก์นั้นทำงานอยู่ ไวยากรณ์ a:active { color:green;}
คลาสหลอก คือการแสดงสถานะที่แตกต่างกันขององค์ประกอบหรือตัวเลือก css คลาสหลอกที่เยี่ยมชมคือการแสดงว่าลิงก์นั้นเข้าชมแล้ว คลาสหลอกนี้ส่วนใหญ่เชื่อมโยงกับลิงก์ ไวยากรณ์ a:visited { color:green;} มาดูการใช้งานจริงของ :visited pseudo class ด้วยสถานการณ์ต่างๆ ดังนี้ - ตัวอย่าง <html> <head> &
หากต้องการกำหนดสีของการตกแต่งข้อความ ให้ใช้คุณสมบัติ text-decoration-color - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> .demo { text-decoration: overline; text-decoration-color: yellow; } </style> </head> <body> <h1>Examin
ในการใช้งานแอนิเมชั่นบนคุณสมบัติ padding-top ด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> div { width: 350px; &n
คุณสมบัติระดับเสียงใน CSS ใช้เพื่อกำหนดระดับเสียงพื้นฐานของเสียงพูด ที่นี่คุณสามารถกำหนดระดับเสียงได้ voice-pitch: [[x-low | low | medium | high | x-high]] ต่อไปนี้เป็นตัวอย่าง p { voice-pitch: low; }
ในการใช้งานแอนิเมชั่นกับคุณสมบัติเปอร์สเปคทีฟด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ ตัวอย่าง <!DOCTYPE html> <html> <head> <style> #demo1 { position: relative; &n
ในการใช้งานแอนิเมชั่นกับคุณสมบัติสีเค้าร่างด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> div { width: 550px; &nbs
การใช้งานแอนิเมชั่นใน perspective-origin ด้วย CSS คุณสามารถลองเรียกใช้รหัสต่อไปนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> #demo1 { position: relative;
ในการใช้งานแอนิเมชั่นบนคุณสมบัติการตกแต่งข้อความด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> #demo { position: absolute;
การใช้งานแอนิเมชั่นบน text-shadow คุณสมบัติใน CSS คุณสามารถลองเรียกใช้รหัสต่อไปนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> div { height: 200px;
หากต้องการใช้งานแอนิเมชั่นบนคุณสมบัติ text-indent ด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> div { background-color: o
การใช้งานแอนิเมชั่น ด้านบน ด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> div { position: absolute;
การใช้งานแอนิเมชั่นใน outline-offset ด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> div { width: 350px; &nbs
คุณสมบัติช่วงเสียงใน CSS ใช้เพื่อกำหนดช่วงของเสียงพูด นี่คือระยะพิทช์ ต่อไปนี้เป็นไวยากรณ์: voice-range: [[x-low | low | medium | high | x-high]] ด้านบน กำหนดช่วงของระดับเสียง เช่น ต่ำ กลาง สูง เป็นต้น ต่อไปนี้เป็นตัวอย่างของคุณสมบัติช่วงเสียง: p { voice-range: 90Hz; }
ในการใช้แอนิเมชั่นกับคุณสมบัติ outline-width ด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ ตัวอย่าง <!DOCTYPE html> <html> <head> <style> div { width: 350px; &nb
ในการใช้แอนิเมชั่นบนคุณสมบัติเค้าร่างด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้: ตัวอย่าง <!DOCTYPE html> <html> <head> <style> div { width: 550px;
ในการใช้แอนิเมชั่นบนคุณสมบัติการเติมด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ ตัวอย่าง <!DOCTYPE html> <html> <head> <style> div { width: 350px;