css shorthand for 4 sided different colour border

**vinpkl** · Oct 7, 2012 07:17

hi all

like there is padding shorthand

Code:

padding:10px 5px 15px 20px;

I would like to know if there is any shorthand code for 4 sided border of different colours ?

Code:

border-left:1px solid #ff0000
border-right:1px solid #ffff00
border-bottom:1px solid #ff00ff
border-top:1px solid #fff0ff

vineet

**ralph.m** · Oct 7, 2012 08:22

Try this:

Code:

border-width: 1px;
border-style: solid;
border-color: #fff0ff #ffff00 #ff00ff #ff0000;

**vinpkl** · Oct 7, 2012 09:03

thanks ralph

it will work as needed

vineet

**PicnicTutorials** · Oct 8, 2012 23:59

Or

border: 1px solid #000;
border-color: #fff0ff #ffff00 #ff00ff #ff0000;

User Tag List