Jak zmniejszyć pionowo border w css ?

Question

Jak w nazwie tematu, jak zmniejszyć border ?
Mam z tym wielkie trudności więc proszę o pomoc was . 

Answer 1

Zapamiętaj to !

Jest tak z borderami, marginami, paddingami i i całą hałastrą tego typu.

Sam border tyczy sie wszystkiego, czyli 

border: 10px;

ustawia 10 px ze wszystkich stron - tak jest w Twoim przypadku 

 

Pojedynczy border to:

border-top: 50px;
border-right: 30px;
border-bottom: 50px;
border-left: 80px;

Ale - polecam nauczyć sie i stosować zapis wszystkich czterech w jednej linii, argumenty kolejno odnoszą się do 
góra - prawa strona -  dół -  lewa strona .... a zapis wygląda następująco 

border: 10px 2px 10px 2px;

 

Ostatnia sprawa, tak jak w Twoim przypadku zapis zwykłego bordera jest przesłaniany przez wszystkie inne

 

Comments

zmniejszenie w pionie to zmniejszenie wartości top i bottom, w Twoim przypadku zmniejszenie wartości czystego bordera.

---

border: 10px 2px 10px 2px; 

Dla samego border nie możesz tak pisać (chyba, że z dopiskiem border-width). W margin i padding możesz. Dla nich możesz również pisać np. margin: 0 5px;  Co oznacza "0" dla top i bottom oraz "5px" dla left i right.

---

Istnieje możliwość, ze trzeba by zapisać 

 

border-width: 10px 2px 10px 2px;

.... edit ....
dokładnie tak 

---

racja nie przeczytałem wypowiedzi, można i 3 argumenty - wiesz co z tego wychodzi
 ... ale po co gmatwać ;]

Answer 2

pionowo -> zmień wartości border-left-width i border-right-width

całość -> border-width

Answer 3

Pionowo? Czyli np.:

border: 3px solid black;
border-left: 1px solid black;
border-right: 1px solid black;

https://jsfiddle.net/qysfet0q/