Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

border setting for the top right left

Tags:

html

css

I have the following CSS code:-

border:5px solid grey !important;

which will apply the style setting to all the border four dimensions upper,lower,right & left. but how i can define the boarder to only applied to the upper,right & left . without having to define separate style for each ? Thanks

like image 673
john Gu Avatar asked Nov 28 '13 11:11

john Gu


People also ask

How do you give a border radius to the top left corner?

The border-top-left-radius CSS property rounds the top-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.

What are the four 4 border-style?

border-style: dotted solid double dashed; top border is dotted. right border is solid.

Can I use border-top-left-radius?

The border-top-left-radius property is used to round the top left corner of an element. The property takes in one or two values that define the radii of a quarter ellipse that defines the shape of the corner of the outer border edge (see the diagram below).


1 Answers

You can try,

border:5px solid grey;
border-bottom:0px;
like image 176
Kishori Avatar answered Sep 19 '22 14:09

Kishori