Бордюр css
Для чего вообще нужен бордюр – border – это один из тех элементов. Который часто используется и применяется на страницах сайта! Лично для меня кажется, что бордюры оживляют вашу страницу, в тех местах, где требуется подчеркнуть важность данного текста. Либо подчеркнуть заголовок.
С бордюром – это видится как законченное предложение! И на этой странице вы можете наблюдать использование бордюра для подчеркивания заголовков и не только!
Мы уже писали о границах таблицы, там в принципе все рассказано о бордюре(border).Не будем повторять о том, как прописывать стили, и какие они бывают.
Но мы не рассматривали там нюансы, о которых поговорим на этой странице.
Расположение бордюра.
У объекта, ну к примеру "div" есть четыре грани, поэтому и бордюр может быть показан и декорирован с четырех сторон. Для того, чтобы этот обьект был виден мы его покрасим в цвет "background-color: #edc2e6; "Бордюр слева
Начнем с расположения бордюра слева.
Бордюр сверху
Бордюр справа
Бордюр снизу
Толщина бордюра
Про толщину бордюра вы наверное догадались, что это 2px.
Цвет бордюра
Бордюр вокруг объекта
Ну и далее если вам нужно поставить бордюр вокруг объекта, то просто пишем "border: 2px solid"
Отступы вокруг бордюра
Для того, чтобы сделать отступы внутри объекта с размером в 10px, до бордюра пишем - "padding: 10px;"
Отступы снаружи бордюра
Если требуются отступы снаружи бордюра, то делаем "margin" - к примеру в 20px
Радиус бордюра
Если требуется закруглить углы, то делаем "border-radius" к примеру в 15px "border-radius: 15px;"
Кстати, тут мы как-то делали о кругах и там как раз мы использовали это свойство.И это всего лишь малая часть того, что можно применить к бордюрам! Думаю, что периодически будем возвращаться к теме бордюра!
css бордюрбордюр снизу csscss внутренний бордюрбордюр html