Граница CSS с трех сторон

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

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

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

Ответ 1

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

Ответ 2

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

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

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

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

Ответ 3

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

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

Ответ 4

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

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

Ответ 5

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

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