CSS-граница с трех сторон

Question

Если я хочу иметь границу с трех сторон, нужно ли мне объявлять границу для каждой стороны, например.

border-left:1px solid green;
border-bottom:1px solid green;
border-right:1px solid green;

или есть какой-нибудь ярлык?

Answer 1

border: 1px solid green;
border-top: 0;

Answer 2

Ну, есть немного более короткий путь - но это не то, что вы бы назвали ярлыком ...

border: 1px solid green;
border-top: 0;

Или вы могли бы объявить частичные элементы, которые позволили бы для ясности:

border-color: green;
border-style: solid;
border-width: 0 1px 1px 1px;

Answer 3

Вам не нужно объявлять border-top style и затем переопределять его:

border: 1px green;
border-style: none solid solid;

Answer 4

border:1px solid green;
border-top: none;

Примечание: я бы сам этого не делал; это может сбить с толку тех, кто его читает, и в этом нет никакой необходимости. Хотя оригинальный способ подразумевает повторение, он минимален.

Answer 5

это немного короче и делает то же самое:

border:1px solid green;
border-top:0;