หน้าแรก
หน้าแรก
เอฟเฟกต์แอนิเมชั่นการตีกลับใช้เพื่อย้ายองค์ประกอบขึ้น กลับ หรือออกจากพื้นผิวอย่างรวดเร็วหลังจากกดปุ่ม ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้เอฟเฟกต์แอนิเมชั่นตีกลับ - <html> <head> <style> .animated {
หากคุณกำลังเขียนเอกสารโดยใช้ชุดอักขระอื่นที่ไม่ใช่ ASCII หรือ ISO-8859-1 คุณอาจต้องการตั้งค่ากฎ @charset ที่ด้านบนสุดของสไตล์ชีตเพื่อระบุว่าชุดอักขระใด สไตล์ชีตถูกเขียนด้วย ต้องเขียนกฎ @charset ที่จุดเริ่มต้นของสไตล์ชีตโดยไม่ต้องเว้นวรรคก่อน ค่านี้อยู่ในเครื่องหมายคำพูดและควรเป็นหนึ่งในชุดอักขระมาตร
ในการใช้ Bounce In Animation Effect ด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ - ตัวอย่าง <html> <head> <style> .animated { background-image: url(/css/images/logo.png); &n
ในการปรับใช้เอฟเฟกต์แอนิเมชั่น Fade Down Left Big บนรูปภาพด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ - ตัวอย่าง <html> <head> <style> .animated { background-image: url(/cs
ใช้คุณสมบัติ border-top-right radius ใน CSS เพื่อตั้งค่าเส้นขอบรัศมีบนขวา คุณสามารถลองใช้รหัสต่อไปนี้เพื่อใช้คุณสมบัติ border-top-right-radius - ตัวอย่าง <html> <head> <style> #rcorner { &nbs
ใช้คุณสมบัติ border-bottom-right-radius สำหรับการตั้งค่าเส้นขอบของมุมล่างขวา คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อใช้คุณสมบัติ border-bottom-right-radius - ตัวอย่าง <html> <head> <style> #rcorner {
ในการติดตั้งเอฟเฟกต์แอนิเมชั่น Fade Out Right บนรูปภาพด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ - ตัวอย่าง <html> <head> <style> .animated { background-image: url(/css/im
ใช้คุณสมบัติ border-bottom-left-radius เพื่อกำหนดเส้นขอบของมุมล่างซ้าย คุณสามารถลองใช้รหัสต่อไปนี้เพื่อใช้คุณสมบัติ border-bottom-left-radius - ตัวอย่าง <html> <head> <style> #rcorner {
ใช้เอฟเฟกต์คลื่นเพื่อทำให้วัตถุมีความผิดเพี้ยนของคลื่นไซน์เพื่อให้ดูเป็นคลื่น สามารถใช้พารามิเตอร์ต่อไปนี้ในตัวกรองนี้ S.No พารามิเตอร์ &คำอธิบาย 1 เพิ่ม ค่า 1 เพิ่มรูปภาพต้นฉบับให้กับรูปภาพที่โบกมือ 0 ไม่ได้ 2 ความถี่ จำนวนคลื่น 3 แสง ความแรงของแสงบนคลื่น (จาก 0 ถึง 100) 4
คุณสมบัติ CSS หลายพื้นหลังใช้เพื่อเพิ่มรูปภาพครั้งละหนึ่งภาพขึ้นไปโดยไม่มีโค้ด HTML เราเพิ่มรูปภาพได้ตามความต้องการ ตัวอย่างไวยากรณ์ของรูปภาพพื้นหลังหลายรูปมีดังนี้ - #multibackground { background-image: url(/css/images/logo.png), url(/css/images/border.png); background-pos
คุณสมบัติพื้นหลัง CSS ใช้เพื่อตั้งค่าคุณสมบัติของรูปภาพพื้นหลังทั้งหมดในส่วนเดียว คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อใช้คุณสมบัติพื้นหลังใน CSS - ตัวอย่าง <html> <head> <style> #demo { &nbs
@media rule ระบุประเภทสื่อเป้าหมาย (คั่นด้วยเครื่องหมายจุลภาค) ของชุดกฎ ตัวอย่าง เรามาดูตัวอย่างกฎ @media กัน − <style> <!-- @media print { body { font-size: 10pt } } @media scree
คุณสมบัติ CSS background-size ใช้เพื่อระบุขนาดของภาพพื้นหลัง ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติขนาดพื้นหลังใน CSS: <html> <head> <style> #demo {
คุณสมบัติ speak-numeral ควบคุมวิธีการพูดตัวเลข ค่าที่เป็นไปได้คือ ตัวเลข − พูดตัวเลขเป็นตัวเลขแต่ละตัว ดังนั้น 237 จึงเรียกว่า Two Three Seven ต่อเนื่อง − พูดตัวเลขเป็นตัวเลขเต็ม ดังนั้น 237 จึงเรียกว่า สองร้อยสามสิบเจ็ด การแสดงคำขึ้นอยู่กับภาษา
ใช้ฟิลเตอร์เงาเพื่อสร้างเงาในทิศทางและสีที่ระบุ พารามิเตอร์ต่อไปนี้สามารถใช้ได้ในตัวกรองนี้ - S.No พารามิเตอร์ &คำอธิบาย 1 สี สีที่คุณต้องการให้เป็นเงา 2 ทิศทาง ทิศทางของการเบลอตามเข็มนาฬิกา ปัดเศษขึ้นทีละ 45 องศา ค่าเริ่มต้นคือ 270 (ซ้าย) 0 =ด้านบน 45 =ขวาบน 90 =ถูกต้อง 135 =ล่าง
คุณสมบัติ speak-punctuation ระบุวิธีการพูดเครื่องหมายวรรคตอน ค่าที่เป็นไปได้คือ − รหัส − ให้ใช้เครื่องหมายวรรคตอน เช่น อัฒภาค วงเล็บปีกกา และอื่นๆ ตามตัวอักษร ไม่มี − ห้ามพูดเครื่องหมายวรรคตอน แต่ให้แสดงโดยธรรมชาติเป็นการหยุดชั่วคราวต่างๆ
คุณสมบัตินี้ระบุความสูงของ พีคท้องถิ่น ในส่วนเสียงสูงต่ำของเสียง ภาษาอังกฤษเป็นภาษาที่มีการเน้นเสียง และส่วนต่างๆ ของประโยคจะได้รับการกำหนดความเครียดระดับประถมศึกษา มัธยมศึกษา หรือระดับอุดมศึกษา ค่าที่เป็นไปได้คือ − หมายเลข - ค่าระหว่าง 0 ถึง 100 ความหมายของค่านิยมขึ้นอยู่กับภาษาที่พูด ตัวอย่างเช
ค่านี้เป็นรายการของชื่อตระกูลเสียงที่คั่นด้วยเครื่องหมายจุลภาค สามารถมีค่าดังต่อไปนี้ เสียงทั่วไป − ค่านิยมคือตระกูลเสียง ค่าที่เป็นไปได้คือ ชาย, หญิง และ เด็ก เสียงเฉพาะ − ค่าเป็นตัวอย่างเฉพาะ (เช่น นักแสดงตลก ไตรนอยด์ คาร์ลอส ลานี) ตัวอย่าง คุณสามารถลองใช้รหัสต่อไปนี้เพื่อใช้คุณสมบัติตระกูลเสีย
ตัวอย่างต่อไปนี้ระบุตระกูลแบบอักษรที่แตกต่างกันสำหรับหน้าจอและการพิมพ์ CSS ถัดไปใช้ขนาดแบบอักษรเดียวกันสำหรับทั้งหน้าจอและเครื่องพิมพ์ ตัวอย่าง <style> <!-- @media screen { p.bodyText {font-family:verdana, arial, sans-seri
ในการสร้างเค้าโครงคอลัมน์ กำหนดระยะขอบและช่องว่างภายในของเอกสารทั้งหมดดังนี้ <style> <!-- body { margin:9px 9px 0 9px; padding:0; background:#FFF;