หน้าแรก
หน้าแรก
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อหมุน div เป็นมุม -20 องศาด้วย CSS − ตัวอย่าง <html> <head> <style> div { width: 300px; height: 100px; background-color: pink; border: 1px solid black; } div#
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อหมุน div ด้วยการแปลงเมทริกซ์โดยใช้ CSS: ตัวอย่าง <html> <head> <style> div { width: 300px; h
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อแปลงเมทริกซ์ในทิศทางอื่นด้วย CSS: ตัวอย่าง <html> <head> <style> div { width: 300px; height:
คุณสมบัติความกว้างกฎหลายคอลัมน์ใช้เพื่อระบุความกว้างของคอลัมน์ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติ rule-width โดยใช้ CSS: ตัวอย่าง <html> <head> <style> .multi { &n
คุณสมบัติสไตล์กฎแบบหลายคอลัมน์ใช้เพื่อระบุกฎสไตล์สำหรับคอลัมน์ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติสไตล์กฎโดยใช้ CSS − ตัวอย่าง <html> <head> <style> .multi {
ใช้ เงาข้อความ คุณสมบัติเพื่อเพิ่มเอฟเฟกต์เงาให้กับข้อความ ต่อไปนี้คือตัวอย่างการเพิ่มเอฟเฟกต์เงา − ตัวอย่าง <html> <head> <style> h1 { text-shadow: 2px 2px; } h2 { text-shadow: 2px 2px red; } h3 { text-shadow: 2px 2px 5px red; } h4 { color: white; text-shadow: 2px 2px 4px #00000
ใช้คุณสมบัติ box-shadow เพื่อเพิ่มเอฟเฟกต์เงาให้กับองค์ประกอบ ต่อไปนี้คือตัวอย่างการเพิ่มเอฟเฟกต์เงา − ตัวอย่าง <html> <head> <style> div { width: 300px; &nb
คุณสมบัติ text-align ใช้เพื่อจัดแนวบรรทัดสุดท้ายของข้อความ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติ text-align-last ใน CSS3 - ตัวอย่าง <!DOCTYPE html> <html> <head> <style> &nbs
ใช้เพื่อเน้นข้อความและสี เรามาดูตัวอย่างกัน: text-emphasis: text-emphasis-style text-emphasis-color; ที่นี่ ข้อความ-เน้นสี: สีพื้นหน้าของเครื่องหมายเน้น แบบเน้นข้อความ: เครื่องหมายเน้นข้อความขององค์ประกอบ
คุณสมบัติ text-overflow กำหนดว่าเนื้อหาที่ล้นที่ไม่ได้แสดงนั้นส่งสัญญาณไปยังผู้ใช้อย่างไร ตัวอย่าง ตัวอย่าง text-overflow แสดงดังนี้ <html> <head> <style> p.text1 { white-
คุณสมบัติ word-break ใช้เพื่อแบ่งบรรทัด ตัวอย่าง รหัสต่อไปนี้แสดงตัวอย่างรหัสของตัวแบ่งคำ: <html> <head> <style> p.text1 { width: 140px;
คุณสมบัติ word-wrap ใช้เพื่อแยกบรรทัดและตัดในบรรทัดถัดไป ตัวอย่าง ต่อไปนี้แสดงตัวอย่างไวยากรณ์ - <!DOCTYPE html> <html> <head> <style> div { width: 200px; &nb
ใช้คุณสมบัติการเน้นข้อความเพื่อเน้นข้อความและสีด้วย CSS เรามาดูตัวอย่างกัน: text-emphasis: text-emphasis-style text-emphasis-color; ที่นี่ ข้อความ-เน้นสี :สีพื้นหน้าของเครื่องหมายเน้น text-emphasis-style :เน้นข้อความขององค์ประกอบ
คุณสมบัติ text-align-last ใช้เพื่อจัดแนวบรรทัดสุดท้ายของข้อความ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อจัดแนวบรรทัดสุดท้ายของข้อความด้วย CSS ตัวอย่าง <!DOCTYPE html> <html> <head> <style> .mydiv {
การไล่ระดับสีแบบเรเดียลปรากฏที่กึ่งกลาง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้การไล่ระดับสีแบบรัศมีใน CSS3 - ตัวอย่าง <html> <head> <style> #grad1 { height: 100px;
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้การไล่ระดับสีแบบเรเดียลซ้ำใน CSS3 - ตัวอย่าง <html> <head> <style> #grad1 { height: 100px;
HSL ย่อมาจาก hue, saturation, lightness ในที่นี้ Huge คือระดับของวงล้อสี ความอิ่มตัวและความสว่างเป็นค่าเปอร์เซ็นต์ระหว่าง 0 ถึง 100% ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติสี HSL: <html> <head> <style> #g1 {backgr
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้การไล่ระดับสีหลายสีใน CSS3 - ตัวอย่าง <html> <head> <style> #grad2 { height: 100px; backgr
เส้นทแยงมุมเริ่มต้นที่ปุ่มด้านบนซ้ายและขวา คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้การไล่ระดับสีในแนวทแยงใน CSS3 - <html> <head> <style> #grad1 { height: 100px; &nbs
การไล่ระดับสีเชิงเส้นใช้เพื่อจัดเรียงสีตั้งแต่สองสีขึ้นไปในรูปแบบเชิงเส้น ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้การไล่ระดับสีเชิงเส้นใน CSS3 - <html> <head> <style> #grad1 {