หากต้องการตั้งค่าตำแหน่งด้านล่างขององค์ประกอบที่จัดตำแหน่งด้วย JavaScript ให้ใช้คุณสมบัติ bottomตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้วิธีตั้งค่าตำแหน่งด้านล่าง −<!DOCTYPE html> <html>    <head>       <style>        

หากต้องการคืนค่าส่วนที่มองเห็นขององค์ประกอบที่จัดตำแหน่ง ให้ใช้คุณสมบัติ clip ใน JavaScriptตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้วิธีการคลิปภาพ −<!DOCTYPE html> <html>    <head>       <style>          img

หากต้องการตั้งค่าลำดับชั้น ให้ใช้คุณสมบัติ zIndex  คุณสามารถลองรันโค้ดต่อไปนี้เพื่อนำ zIndex ไปใช้ใน JavaScript −ตัวอย่าง<!DOCTYPE html> <html>    <head>       <style>          #myID {       &nbs

หากต้องการตั้งค่ารูปแบบของเส้นขอบองค์ประกอบ ให้ใช้คุณสมบัติ borderStyle ใน JavaScriptตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อตั้งค่ารูปแบบของเส้นขอบองค์ประกอบด้วย JavaScript −<!DOCTYPE html> <html>    <head>       <style>       &n

หากต้องการตั้งค่าการจัดตำแหน่งแนวตั้ง ให้ใช้คุณสมบัติ verticalAlign ตั้งค่าเป็น top หากต้องการย้ายข้อความเฉพาะส่วนไปด้านบนตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อคืนค่าการจัดตำแหน่งแนวตั้งของเนื้อหาในองค์ประกอบด้วย JavaScript −<!DOCTYPE html> <html>    <head>  

หากต้องการตั้งค่าระยะห่างภายในด้านขวา ให้ใช้คุณสมบัติ paddingRight ใน JavaScript คุณสามารถลองรันโค้ดต่อไปนี้เพื่อคืนค่าระยะห่างภายในด้านขวาขององค์ประกอบด้วย JavaScript −ตัวอย่าง<!DOCTYPE html> <html>    <head>       <style>     &n

ใช้คุณสมบัติ transformStyle ใน JavaScript เพื่อตั้งค่าวิธีการแสดงผลองค์ประกอบซ้อนกันในพื้นที่ 3Dตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อคืนค่าวิธีการแสดงผลองค์ประกอบซ้อนกันในพื้นที่ 3D ด้วย JavaScript −<!DOCTYPE html> <html>    <head>       <s

ใช้คุณสมบัติ transition ใน JavaScript ตั้งค่าคุณสมบัติทั้งสี่ต่อไปนี้ − transitionProperty, transitionDuration, transitionTimingFunction, และ transitionDelayตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้วิธีตั้งค่าคุณสมบัติการเปลี่ยนผ่านทั้งสี่ด้วย JavaScript −<!DOCTYPE html>

ใช้ transitionProperty ใน JavaScript เพื่อตั้งค่าคุณสมบัติ CSS คุณสามารถลองรันโค้ดต่อไปนี้เพื่อคืนค่าคุณสมบัติ CSS ที่เอฟเฟกต์การเปลี่ยนผ่านใช้กับ JavaScript −ตัวอย่าง<!DOCTYPE html> <html>    <head>       <style>        

ใช้คุณสมบัติ transitionTimingFunction เพื่อตั้งค่าความเร็วของการเปลี่ยนผ่าน ตั้งค่าเป็นค่าใดค่าหนึ่งจากค่าต่อไปนี้ − ease, ease-in, ease-out, linear เป็นต้นตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อคืนค่าเส้นโค้งความเร็วของเอฟเฟกต์การเปลี่ยนผ่านด้วย JavaScript −<!DOCTYPE html> &

หากต้องการตั้งค่าระยะเวลาสำหรับเอฟเฟกต์ให้เสร็จสมบูรณ์ ให้ใช้คุณสมบัติ transitionDuration ใน JavaScriptตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อคืนค่าว่ากี่วินาทีหรือมิลลิวินาทีที่เอฟเฟกต์การเปลี่ยนผ่านใช้เวลา −<!DOCTYPE html> <html>    <head>       &l

ใช้คุณสมบัติ unicodeBidi ใน JavaScript เพื่อตั้งค่าว่าข้อความควรถูกแทนที่เพื่อรองรับหลายภาษาในเอกสารเดียวกัน ตั้งค่าเป็น normal, embed หรือ bdi-override. bdi-override ช่วยให้คุณเพิ่มทิศทางได้เช่น rtl เป็น ltrตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้วิธีทำงานกับคุณสมบัติ unicodeBidi 

เพื่อจัดการแท็บ การขึ้นบรรทัดใหม่ และช่องว่างในข้อความ ให้ใช้คุณสมบัติ whiteSpace ใน JavaScript ตั้งค่าเป็น normal, nowrap, pre เป็นต้น เมื่อตั้งค่าเป็น pre จะทำงานเหมือนแท็ก <pre> ข้อความจะขึ้นบรรทัดใหม่เฉพาะที่มีการขึ้นบรรทัดตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้วิธีทำงานกับคุ

ใช้คุณสมบัติ visibility ใน JavaScript เพื่อซ่อนหรือแสดงองค์ประกอบตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้วิธีทำงานกับคุณสมบัติ visibility −<!DOCTYPE html> <html>    <body>       <p id = "pid">Demo Text</p>   &nb

หากต้องการตั้งค่าประเภทของเส้นในการตกแต่งข้อความ ให้ใช้คุณสมบัติ textDecorationLine  คุณสามารถลองรันโค้ดต่อไปนี้เพื่อคืนค่าประเภทของเส้นในการตกแต่งข้อความด้วย JavaScript −ตัวอย่าง<!DOCTYPE html> <html>    <body>       <div id = "myText&qu

หากต้องการตั้งค่าตำแหน่งด้านล่างขององค์ประกอบ 3D ให้ใช้คุณสมบัติ JavaScript perspectiveOriginตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อตั้งค่าตำแหน่งด้านล่างขององค์ประกอบ 3D ด้วย JavaScript เรามี div สามตัวในโค้ด −<!DOCTYPE html> <html>    <head>     &n

หากต้องการตั้งค่ารูปแบบของเส้นใน JavaScript ให้ใช้คุณสมบัติ textDecorationStyle  คุณสามารถตั้งค่า underline, double, หรือ overline เป็นต้นสำหรับรูปแบบเส้นตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อคืนค่ารูปแบบของเส้นในการตกแต่งข้อความด้วย JavaScript −<!DOCTYPE html> <html>  

หากต้องการตั้งค่าการเยื้อง ให้ใช้คุณสมบัติ textIndent ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อคืนค่าการเยื้องของบรรทัดแรกของข้อความด้วย JavaScript −<!DOCTYPE html> <html>    <body>       <div id = "myText">       &n

ใช้คุณสมบัติ textOverflow เพื่อจัดการปัญหาข้อความล้น เพิ่ม ellipsis หากข้อความล้นออกจากองค์ประกอบที่ครอบตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้ว่าต้องทำอย่างไรเมื่อข้อความล้นออกจากองค์ประกอบที่ครอบด้วย JavaScript −<!DOCTYPE html> <html>    <head>   &nb

หากต้องการตั้งค่าเอฟเฟกต์เงา ให้ใช้คุณสมบัติ textShadow ใน JavaScriptตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อคืนค่าเอฟเฟกต์เงาของข้อความด้วย JavaScript −<!DOCTYPE html> <html>    <body>       <button onclick = "display()">Set Text