- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to set outline color with JavaScript?
To set outline color, use the outlineColor property in JavaScript. You can try to run the following code to learn how to implement outlineColor property −
Example
Live Demo
<!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>
Published on 27-Feb-2018 11:01:16
- Related Questions & Answers
- How to set the color of the outline around an element with JavaScript?
- Set the color of the outline with CSS
- How to set all outline properties in a single declaration with JavaScript?
- How to set all the outline properties in one declaration with JavaScript?
- CSS outline-color property
- Animate CSS outline-color
- How to set the width of the outline around an element with JavaScript?
- How to set the style of the outline around an element with JavaScript?
- How to set the color of the left border with JavaScript?
- How to set the color of an elements border with JavaScript?
- How to set the color of the right border with JavaScript?
- How to set the color of the text-decoration with JavaScript?
- How to set the color of the top border with JavaScript?
- Set outline style as ridge with CSS
- The outline-color Property in CSS
Advertisements