Grenze für die obere rechte Einstellung links

Question

Ich habe folgenden CSS-Code: -

border:5px solid grey !important; 

, die den Stil Einstellung für alle die Grenze vier Dimensionen oberen gelten, unten, rechts & links. aber wie kann ich die grenze nur an der oberen, rechten & links definiert definieren. ohne für jeden einen eigenen Stil definieren zu müssen? Dank

Answer 1

Nein, das ist mit dieser border:5px solid grey !important; Stenografie Methodik nicht möglich.

Sie müssen sie auf die unten angegebene Weise deklarieren, um das zu erreichen, wonach Sie suchen.

WORKING DEMO

Die HTML:

<div>ABCD</div> 

Die CSS:

div{border-width: 5px 5px 0px 5px; border-style: solid; border-color: grey;} 

FURTHER REFERENCE

Hoffe, das hilft.

Answer 2

border-right:5px solid grey !important; 
border-top:5px solid grey !important; 
border-left:5px solid grey !important; 

oder anderen kürzeren Weg:

border:5px solid grey !important; 
border-bottom: 0 !important; 

oder können Sie nutzen box-shadow:

box-shadow: 
inset 5px 0 0 red, /* LEFT */ 
inset 0 0px 0 blue, /* BOTTOM */ 
inset 0 5px 0 green, /* TOP */ 
inset -5px 0 0 yellow; /* RIGHT */ 

Fiddle is here

Answer 3

Sie können zu allen Dimensionen Grenze definieren und dann neu zu definieren Grenze für unten:

border:5px solid grey !important; 
border-bottom:5px solid transparent !important; 

Sie können auch unteren Rand zu none oder 0 (diese Mittel das Element nicht untere Grenze haben) eingestellt.

P.S. Wie Sie !important bei der Definition der Grenze verwenden, müssen Sie es auch bei der Neudefinition der Grenze verwenden.

JSFiddle

Answer 4

Sie können versuchen,

border:5px solid grey; 
border-bottom:0px; 

Answer 5

Geben Sie einfach den Bereich, den Sie an diese Codezeile angrenzen möchten, so an.

border: solid grey!important; 
border-width:5px 5px 0 5px!important; 

Answer 6

können Sie border-bottom verwenden:

border:5px solid grey; 
border-bottom:none;