HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <style> div{ border: 1px solid #267326; padding: 10px; margin-bottom: 25px; column-count: 2; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; column-rule-width: 4px; -webkit-column-rule-width: 4px; /* Chrome, Safari, Opera */ -moz-column-rule-width: 4px; /* Firefox */ column-rule-color: red; -webkit-column-rule-color: red; /* Chrome, Safari, Opera */ -moz-column-rule-color: red; /* Firefox */ } #point{ column-rule-style: none; -webkit-column-rule-style: none; /* Chrome, Safari, Opera */ -moz-column-rule-style: none; /* Firefox */ } #point1{ column-rule-style: hidden; -webkit-column-rule-style: hidden; /* Chrome, Safari, Opera */ -moz-column-rule-style: hidden; /* Firefox */ } #point2{ column-rule-style: dotted; -webkit-column-rule-style: dotted; /* Chrome, Safari, Opera */ -moz-column-rule-style: dotted; /* Firefox */ } #point3{ column-rule-style: dashed; -webkit-column-rule-style: dashed; /* Chrome, Safari, Opera */ -moz-column-rule-style: dashed; /* Firefox */ } #point4{ column-rule-style: solid; -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */ -moz-column-rule-style: solid; /* Firefox */ } #point5{ column-rule-style: double; -webkit-column-rule-style: double; /* Chrome, Safari, Opera */ -moz-column-rule-style: double; /* Firefox */ } #point6{ column-rule-style: groove; -webkit-column-rule-style: groove; /* Chrome, Safari, Opera */ -moz-column-rule-style: groove; /* Firefox */ } #point7{ column-rule-style: ridge; -webkit-column-rule-style: ridge; /* Chrome, Safari, Opera */ -moz-column-rule-style: ridge; /* Firefox */ } #point8{ column-rule-style: inset; -webkit-column-rule-style: inset; /* Chrome, Safari, Opera */ -moz-column-rule-style: inset; /* Firefox */ } #point9{ column-rule-style: outset; -webkit-column-rule-style: outset; /* Chrome, Safari, Opera */ -moz-column-rule-style: outset; /* Firefox */ } </style> </head> <body> <h1>CSS column-rule-style Property</h1> <h2>column-rule-style: none;</h2> <div id="point"> Joanne Rowling was born on 31st July 1965 at Yate General Hospital near Bristol, and grew up in Gloucestershire in England and in Chepstow, Gwent, in south-east Wales. </div> <h2>column-rule-style: hidden;</h2> <div id="point1"> Joanne Rowling was born on 31st July 1965 at Yate General Hospital near Bristol, and grew up in Gloucestershire in England and in Chepstow, Gwent, in south-east Wales. </div> <h2>column-rule-style: dotted;</h2> <div id="point2"> Joanne Rowling was born on 31st July 1965 at Yate General Hospital near Bristol, and grew up in Gloucestershire in England and in Chepstow, Gwent, in south-east Wales. </div> <h2>column-rule-style: dashed;</h2> <div id="point3"> Joanne Rowling was born on 31st July 1965 at Yate General Hospital near Bristol, and grew up in Gloucestershire in England and in Chepstow, Gwent, in south-east Wales. </div> <h2>column-rule-style: solid;</h2> <div id="point4"> Joanne Rowling was born on 31st July 1965 at Yate General Hospital near Bristol, and grew up in Gloucestershire in England and in Chepstow, Gwent, in south-east Wales. </div> <h2>column-rule-style: double;</h2> <div id="point5"> Joanne Rowling was born on 31st July 1965 at Yate General Hospital near Bristol, and grew up in Gloucestershire in England and in Chepstow, Gwent, in south-east Wales. </div> <h2>column-rule-style: groove;</h2> <div id="point6"> Joanne Rowling was born on 31st July 1965 at Yate General Hospital near Bristol, and grew up in Gloucestershire in England and in Chepstow, Gwent, in south-east Wales. </div> <h2>column-rule-style: ridge;</h2> <div id="point7"> Joanne Rowling was born on 31st July 1965 at Yate General Hospital near Bristol, and grew up in Gloucestershire in England and in Chepstow, Gwent, in south-east Wales. </div> <h2>column-rule-style: inset;</h2> <div id="point8"> Joanne Rowling was born on 31st July 1965 at Yate General Hospital near Bristol, and grew up in Gloucestershire in England and in Chepstow, Gwent, in south-east Wales. </div> <h2>column-rule-style: outset;</h2> <div id="point9"> Joanne Rowling was born on 31st July 1965 at Yate General Hospital near Bristol, and grew up in Gloucestershire in England and in Chepstow, Gwent, in south-east Wales. </div> </body> </html>
OUTPUT
×

Save as Private