javascript outlineColor attribute


  Translation results:

outline

English [ˈaʊtlaɪn] American [ˈaʊtˌlaɪn]

n. Outline, outline, outline, draft, key points, main principles; shape, outline, outline Line, outline drawing method, sketch (drawing method)

vt. Overview; outline; outline, sketch, outline

Third person singular: outlines Plural: outlines Present participle: outlining Past tense: outlined Past participle: outlined

color

UK['kʌlə(r)] US[ˈkʌlɚ]

n.<US >Color, tint; skin color, complexion, blood color; pigment, dye; essence

v.<Beauty> Color...; change the color of...; whitewash, render, color; blush

Third person singular: colors Plural: colors Present participle: coloring Past tense: colored Past participle: colored

javascript outlineColor attributesyntax

Function:Set the color of the outline around the element.

Syntax: Object.style.outlineColor=color-name|color-rgb|color-hex

javascript outlineColor attributeexample

<html>
<head>
<style type="text/css">
p
{
border: thin solid #00FF00;
outline: thick solid #FF0000;
}
</style>
<script type="text/javascript">
function changeOutlineColor()
{
document.getElementById("p1").style.outlineColor="#00FF00";
}
</script>
</head>
<body>

<input type="button" onclick="changeOutlineColor()"
value="Change outline color" />

<p id="p1">This is a paragraph</p>

</body>
</html>

Run instance »

Click the "Run instance" button to view the online instance

Home

Videos

Q&A