Css shorthand for 4 sided different colour border

HTML & CSS
1

hi all

like there is padding shorthand


padding:10px 5px 15px 20px;

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


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

vineet

2

Try this:


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

thanks ralph

it will work as needed

vineet

4

Or

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