Search
 
SCRIPT & CODE EXAMPLE
 

CSS

CSS Border Width

p.one {
  border-style: solid;
  border-width: 5px;
}

p.two {
  border-style: solid;
  border-width: medium;
}

p.three {
  border-style: dotted;
  border-width: 2px;
}

p.four {
  border-style: dotted;
  border-width: thick;
}
Comment

border width css

.element {
  border-width: 2px;
}
Comment

border width css

p {
  border-style: solid;
  border-color: red;
  border-width: 5px;
}
/* You can also write above code in one line   */
p {
  border: 5px solid red;
}
Comment

border-width

border: 3px solid #3d3d3d
/* top | right | bottom | left */
border-width: 0 0 3px 3px

/*simulair to: */
border-left:  3px solid #3d3d3d
border-bottom:  3px solid #3d3d3d
Comment

border width css

#some-div {
  /* [WIDTH] [FILL MODE] [COLOR] */
  border: 5px solid #f00; 
  
  /* draws solid a red line of 5px
  between the padding (inside the div)
  and the margin (outside the div) */
}
Comment

border-width in percentage

You can not set Border Width in the Percentage its the rule 
But you can able to do this just by wrapping into a new div 
and in most of the cases you did not need that
Comment

PREVIOUS NEXT
Code Example
Css :: box shadow css property 
Css :: css styling images 
Css :: css white-space 
Css :: grid-template-areas css 
Css :: lower brightness of backgroung css 
Css :: griddy css 
Css :: center pop up css 
Css :: css change text size 
Css :: scss linear gradient not working 
Css :: why is my css code not working 
Css :: how to add background image in a container css 
Css :: decrease div size 
Css :: how to paralax effect on background image 
Css :: background color transparent opacity css 
Css :: linear-gradient 
Css :: css center table on page 
Css :: flex direction tailwind 
Css :: put gradient color over background image 
Css :: change default arrow icon for accordion in bootstrap 
Css :: how to make a relative div not take up space 
Css :: menu always center css 
Css :: background pulled to corner on small screens 
Css :: box-shadow in css 
Css :: aspect ratio css 
Css :: css custom bullet list 
Css :: text dont skip next line css 
Css :: css nth-child 
Css :: css word break 
Css :: css custom scrollbar 
Css :: blue gradient background 
ADD CONTENT
Topic
Content
Source link
Name
4+4 =