Bounce Animation effect ใช้ทำให้อีเลเมนต์เคลื่อนที่เร็วขึ้น กลับ หรือ ห่างจากพื้นผิวหลังชนตัวอย่างลองรันโค้ดต่อไปนี้เพื่อนำ bounce animation effect ไปใช้:<html>    <head>       <style>          .animated {        

หากคุณเขียนเอกสารด้วยชารักเตอร์เซ็ตอื่นนอกจาก ASCII หรือ ISO-8859-1 คุณอาจต้องการตั้งค่ากฎ @charset ที่จุดเริ่มต้นของไฟล์สไตล์เพื่อระบุว่าไฟล์สไตล์เขียนด้วยชารักเตอร์เซ็ตอะไรกฎ @charset ต้องเขียนทันทีที่จุดเริ่มต้นของไฟล์สไตล์โดยไม่มีช่องว่างแม้แต่นำหน้า ค่าจะถูกเก็บในเครื่องหมายคำพูดและควรเป็นหนึ่ง

เพื่อนำเอฟเฟกต์ Bounce In Animation ไปใช้ด้วย CSS คุณสามารถลองรันโค้ดต่อไปนี้:ตัวอย่าง<html>    <head>       <style>          .animated {             background-image: url(/css/images/logo.png);  

เพื่อนำเอฟเฟกต์ Fade Out Left Big Animation ไปใช้กับรูปภาพด้วย CSS คุณสามารถลองรันโค้ดต่อไปนี้:ตัวอย่าง<html>    <head>       <style>          .animated {             background-image: url(/css/images/l

ใช้คุณสมบัติ border-top-right-radius ใน CSS เพื่อตั้งค่ารัศมีมุมขวาบน คุณสามารถลองรันโค้ดต่อไปนี้เพื่อนำคุณสมบัติ border-top-right-radius ไปใช้:ตัวอย่าง<html>    <head>       <style>          #rcorner {         &

ใช้คุณสมบัติ border-bottom-right-radius สำหรับตั้งค่าเส้นขอบของมุมขวาล่าง คุณสามารถลองรันโค้ดต่อไปนี้เพื่อนำคุณสมบัติ border-bottom-right-radius ไปใช้:ตัวอย่าง<html>    <head>       <style>          #rcorner {       &

เพื่อนำเอฟเฟกต์ Fade Out Right Animation ไปใช้กับรูปภาพด้วย CSS คุณสามารถลองรันโค้ดต่อไปนี้:ตัวอย่าง<html>    <head>       <style>          .animated {             background-image: url(/css/images/logo

ใช้คุณสมบัติ border-bottom-left-radius เพื่อตั้งค่าเส้นขอบของมุมซ้ายล่าง คุณสามารถลองรันโค้ดต่อไปนี้เพื่อนำคุณสมบัติ border-bottom-left-radius ไปใช้:ตัวอย่าง<html>    <head>       <style>          #rcorner {       &nb

Wave effect ใช้ให้อ็อบเจกต์มีการบิดโค้งแบบ sine wave ทำให้ดูคลื่นพารามิเตอร์ต่อไปนี้สามารถใช้ในฟิลเตอร์นี้ได้:ลำดับพารามิเตอร์ & คำอธิบาย1Addค่า 1 เพิ่มภาพต้นฉบับเข้ากับภาพคลื่น 0 ไม่เพิ่ม2Freqจำนวนคลื่น3LightStrengthความเข้มแสงบนคลื่น (0 ถึง 100)4Phaseองศาที่ sine wave ควรเริ่มต้น (0 ถึง 100)5S

CSS Multi background property ใช้เพิ่มรูปภาพหนึ่งหรือหลายรูปพร้อมกันโดยไม่ต้องใช้โค้ด HTML เราสามารถเพิ่มรูปภาพได้ตามต้องการSyntax ตัวอย่างของ multi background images:#multibackground {    background-image: url(/css/images/logo.png), url(/css/images/border.png);    background-pos

คุณสมบัติ CSS background ใช้ตั้งค่าคุณสมบัติรูปภาพพื้นหลังทั้งหมดในส่วนเดียว คุณสามารถลองรันโค้ดต่อไปนี้เพื่อนำคุณสมบัติ background ไปใช้ใน CSS:ตัวอย่าง<html>    <head>       <style>          #demo {         &nbs

กฎ @media ระบุประเภทสื่อเป้าหมาย (คั่นด้วยคอมมา) ของชุดกฎตัวอย่างลองดูตัวอย่างของกฎ @media:<style>    <!--       @media print {          body { font-size: 10pt }       }       @media screen {      

คุณสมบัติ CSS background-size ใช้ระบุขนาดของรูปภาพพื้นหลังตัวอย่างลองรันโค้ดต่อไปนี้เพื่อนำคุณสมบัติ background-size ไปใช้ใน CSS:<html>    <head>       <style>          #demo {             border: 5px d

คุณสมบัติ speak-numeral ควบคุมว่าตัวเลขจะถูกอ่านอย่างไรค่าที่เป็นไปได้มีดังนี้:digits - อ่านตัวเลขเป็นหลักเดี่ยวๆ ดังนั้น 237 จะอ่านว่า Two Three Sevencontinuous - อ่านตัวเลขเป็นจำนวนเต็ม ดังนั้น 237 จะอ่านว่า Two hundred thirty seven การแทนคำขึ้นอยู่กับภาษา

Shadow filter ใช้สร้างเงาที่ลดทอนในทิศทางและสีที่ระบุพารามิเตอร์ต่อไปนี้สามารถใช้ในฟิลเตอร์นี้ได้:ลำดับพารามิเตอร์ & คำอธิบาย1Colorสีที่คุณต้องการให้เงาเป็น2Directionทิศทางของเบลอ ไปตามเข็มนาฬิกา ปัดเป็นช่วง 45 องศา ค่าเริ่มต้นคือ 270 (ซ้าย)0 = บน45 = ขวาบน90 = ขวา135 = ล่างขวา180 = ล่าง225 = ล่

คุณสมบัติ speak-punctuation ระบุว่าเครื่องหมายวรรคตอนจะถูกอ่านอย่างไรค่าที่เป็นไปได้มีดังนี้:code - เครื่องหมายวรรคตอนเช่น semicolons, braces ฯลฯ จะถูกอ่านออกมาตามตัวอักษรnone - เครื่องหมายวรรคตอนจะไม่ถูกอ่าน แต่แสดงเป็นการหยุดพักตามธรรมชาติแทน

คุณสมบัตินี้ระบุความสูงของ local peaks ในเส้นโค้ง nada ของเสียง ภาษาอังกฤษเป็นภาษาที่มี stress ส่วนต่างๆ ของประโยคได้รับ primary, secondary, หรือ tertiary stressค่าที่เป็นไปได้มีดังนี้:number - ค่าระหว่าง 0 และ 100 ความหมายของค่าขึ้นอยู่กับภาษาที่พูด ตัวอย่างเช่น ระดับ 50 สำหรับเสียงชายมาตรฐานภาษาอั

ค่าคือรายการ voice family names ที่คั่นด้วยคอมมา และมีลำดับความสำคัญ สามารถมีค่าต่อไปนี้ได้:generic-voice - ค่าเป็น voice families ค่าที่เป็นไปได้คือ male, female, และ childspecific-voice - ค่าเป็น instance เฉพาะ (เช่น comedian, trinoids, carlos, lani)ตัวอย่างลองโค้ดต่อไปนี้เพื่อนำคุณสมบัติ voice-fa

ตัวอย่างต่อไปนี้ระบุ font families ที่แตกต่างกันสำหรับหน้าจอและการพิมพ์ CSS ถัดไปใช้ขนาดฟอนต์เดียวกันสำหรับหน้าจอและเครื่องพิมพ์ตัวอย่าง<style>    <!--       @media screen {          p.bodyText {font-family:verdana, arial, sans-serif;}  

เพื่อสร้าง column layout:ตั้งค่า margin และ padding ของเอกสารทั้งหมดดังนี้:<style>    <!--       body {          margin:9px 9px 0 9px;          padding:0;          background:#FFF;   &nb