Breaking News: Grepper is joining You.com. Read the official announcement!

border style mdn

Homely Hare answered on January 16, 2022 Popularity 10/10 Helpfulness 2/10

answer border style mdn

related mdn css border

border style mdn

Comment

pre {
  height: 80px;
  width: 120px;
  margin: 20px;
  padding: 20px;
  display: inline-block;
  background-color: palegreen;
  border-width: 10px;
  box-sizing: border-box;
}

/* border-style example classes */
.b1 {
  border-style: none;
}

.b2 {
  border-style: hidden;
}

.b3 {
  border-style: dotted;
}

.b4 {
  border-style: dashed;
}

.b5 {
  border-style: solid;
}

.b6 {
  border-style: double;
}

.b7 {
  border-style: groove;
}

.b8 {
  border-style: ridge;
}

.b9 {
  border-style: inset;
}

.b10 {
  border-style: outset;
}

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: developer.mozilla.org

Tags: border whatever

Link to this answer
Share Copy Link

Contributed on Jan 16 2022

Homely Hare

0 Answers Avg Quality 2/10

Closely Related Answers

mdn css border

Comment

<line-width> || <line-style> || <color>
where 
<line-width> = <length> | thin | medium | thick
<line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
<color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>

where 
<rgb()> = rgb( <percentage>{a-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )
<rgba()> = rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )
<hsl()> = hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )
<hsla()> = hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue>, <percentage>, <percentage>, <alpha-value>? )
<hwb()> = hwb( [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )

where 
<alpha-value> = <number> | <percentage>
<hue> = <number> | <angle>

Popularity 10/10 Helpfulness 1/10 Language css

Source: developer.mozilla.org

Tags: border bo

Link to this answer
Share Copy Link

Contributed on Jun 11 2022

Abhishek Gangane

0 Answers Avg Quality 2/10

border style mdn

Contents

More Related Answers

border style mdn

Closely Related Answers

mdn css border

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.