<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
HTML | DOM Style columnRuleColor Property
</
title
>
<
style
>
#myDIV {
width: 90%;
height: 70%;
border: 2px solid green;
padding: 10px;
color: red;
column-count: 3;
column-rule: 3px solid green;
}
#p1 {
font-size: 20px;
color: green;
}
</
style
>
</
head
>
<
body
>
<
div
id
=
"myDIV"
>
<
p
id
=
"p1"
>
<
u
>Welcome to GeeksforGeeks.!</
u
>
</
p
>
<
p
>
Computer Science is the study of
computers and c omputational systems.
Unlike electrical and computer engineers,
computer scientists deal mostly with
software and software systems; this
includes their theory, design, development,
and application. Principal areas of study
within Computer Science include artificial
intelligence, computer systems and networks,
security, database systems, human computer
interaction, vision and graphics, numerical
analysis, programming languages, software
engineering, bioinformatics and theory of
computing. Although knowing how to program
is essential to the study of computer science,
it is only one element of the field. Computer
scientists design and analyze algorithms to
solve programs and study the performance of
computer hardware and software. The problems
that computer scientists encounter range from
the abstract-- determining what problems can
be solved with computers and the complexity
of the algorithms that solve them – to the
tangible – designing applications that perform
well on handheld devices, that are easy to use,
and that uphold security measures.
</
p
>
</
div
>
<
br
>
<
input
type
=
"button"
onclick
=
"mainFunction()"
value
=
"Submit"
/>
<
script
>
function mainFunction() {
// Set color using inherit.
document.getElementById(
"myDIV").style.columnRuleColor =
"inherit";
}
</
script
>
</
body
>
</
html
>