Search
 
SCRIPT & CODE EXAMPLE
 

CSS

css border different sides

/*className     property     values: width style color*/
.rightBorder  { border-right: 1px solid black }

.leftBorder   { border-left: 2px dashed red }

.topBorder    { border-top: 3px dotted blue }

.bottomBorder { border-bottom: 4px double yellow }
Comment

CSS Border Sides

p {
  border-top-style: dotted;
  border-right-style: solid;
  border-bottom-style: dotted;
  border-left-style: solid;
}
Comment

PREVIOUS NEXT
Code Example
Css :: dashed lin in css 
Css :: css round element 
Css :: box-shadow left right and bottom 
Css :: change color when you mouse over a link (hover) 
Css :: css percent scale checkbox 
Css :: chenge number of lines of text in css 
Css :: button css 
Css :: remove scrollbar from select tag 
Css :: css background image with url 
Css :: hide element css 
Css :: li not first child 
Css :: css background 
Css :: rgba green color 
Css :: css dropdown menu with scrollbar 
Css :: glassmorphism in css 
Css :: how to remove bullet in css 
Css :: bootstrap 4 material icon vertical align 
Css :: how to define global font in css 
Css :: @supports css 
Css :: css prevent margin collapsing 
Css :: importing scss into vue component 
Css :: css background image cut off 
Css :: css nth child 
Css :: inline block text align top 
Css :: how to change background color in css 
Css :: css filter img color etc 
Css :: add notification in css 
Css :: css onclick change color 
Css :: Error: Could not find "stylelint-csstree-validator" 
Css :: css fadeout animation 
ADD CONTENT
Topic
Content
Source link
Name
1+1 =