Skip to content
Related Articles

Related Articles

Improve Article

How to specify the double border using CSS ?

  • Last Updated : 30 Apr, 2021
Geek Week

The task is to specify the double border using CSS. In this article, we are going to use the border-style property to style the border.

Property used:


  • Create the HTML page with some elements.
  • Now, using the border-style property style the border with value double.



<!DOCTYPE html>
    <style type="text/css">
        body {
            text-align: center;
        h1.double {
            border-width: 5px;
            border-style: double;
            Border-color: green
        h1.double2 {
            border-width: 10px;
            border-style: double;
            Border-color: green
        h1.double3 {
            border-width: 15px;
            border-style: double;
            Border-color: green
    <h1 class="double">GeeksForGeeks</h1>
    <h1 class="double2">GeeksForGeeks</h1>
    <h1 class="double3">GeeksForGeeks</h1>


My Personal Notes arrow_drop_up
Recommended Articles
Page :