CODEWITHSUNDEEP
htmlcssoptimizationshorthand
enjoylife
enjoylife

Reputation: 5469

is there a way to make this css style simple

border-right:1px solid #8fa6b9;
border-bottom:1px solid #8fa6b9;
border-left:1px solid #2b5a82;
border-top:1px solid #2b5a82;

the right is the same as the bottom......

Upvotes: 2

Views: 130

Answers (4)

Gate
Gate

Reputation: 495

border : 1px solid #8fa6b9;

border-left-color : #2b5a82;

border-top-color : #2b5a82;

Upvotes: 0

user578895
user578895

Reputation: 

border       : 1px solid;
border-color : #2b5a82 #8fa6b9 #8fa6b9 #2b5a82;

Upvotes: 17

Michiel
Michiel

Reputation: 8103

The settings goes clockwise. So first number is up, second right, third bottom and the fourth number is the left border.

Upvotes: 1

Sujit Agarwal
Sujit Agarwal

Reputation: 12518

border: 1px solid #8fa6b9;
border-left-color: #2b5a82;
border-right-color: #2b5a82;

Try this, this one is more meaningful.

Upvotes: 2

Related Questions