Documentation

Properties

Tips

Textarea Overflow

CSS Tutorial

Border Property

Border of each element

Types of Borders

Solid border - 1px border width

Code

script.css
Copy

                div {
  border: solid 1px #000;
}
              

Sample Output

Solid Border 1px

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eaque eos iure iste possimus doloribus ullam, autem quis, a deleniti, porro amet dolorum! Repudiandae alias aliquam et soluta, expedita sint cumque.

Dotted border - 1px border width

Code

script.css
Copy

                div {
  border: dotted 1px #000;
}
              

Sample Output

Dotted Border 1px

Dashed border - 1px border width

Code

script.css
Copy

                div {
  border: dashed 1px #000;
}
              

Sample Output

Dashed Border 1px

Double border - 1px border width

Code

script.css
Copy

                div {
  border: double 1px #000;
}
              

Sample Output

Double Border 1px

Double border - 2px border width

Code

script.css
Copy

                div {
  border: double 2px #000;
}
              

Sample Output

Double Border 2px

Double border - 3px border width

Code

script.css
Copy

                div {
  border: double 3px #000;
}
              

Sample Output

Double Border 3px

Double border - 4px border width

Code

script.css
Copy

                div {
  border: double 4px #000;
}
              

Sample Output

Double Border 4px

Groove border - No border width declared

Code

script.css
Copy

                div {
  border-style: groove;
}
              

Sample Output

Groove Border - No Border width

Ridge border - No border width declared

Code

script.css
Copy

                div {
  border-style: ridge;
}
              

Sample Output

Ridge Border - No Border width

No border

Code

script.css
Copy

                div {
  border-style: none;
}
              

Sample Output

Border none

Border hidden

Code

script.css
Copy

                div {
  border-style: hidden;
}
              

Sample Output

Border hidden

CSS - Float

Tips - Box Shadow