Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีตั้งค่าสีของเส้นขอบนอก (outline) ด้วย JavaScript


หากต้องการตั้งค่าสีของเส้นขอบนอก ให้ใช้คุณสมบัติ outlineColor ใน JavaScript คุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้วิธีนำ outlineColor ไปใช้ −

ตัวอย่าง

 <!DOCTYPE html> <html> <head> <style> #box { border: 2px solid red; } </style> </head> <body> <div id = "box"> Demo Content </div> <br> <button type = "button" onclick = "display()">Change outline color</button> <script> function display() { document.getElementById("box").style.outlineColor = "#FF5733"; document.getElementById("box").style.outline = "2px solid"; } </script> </body> </html>