Имот Border-color - цвят на границата, Дмитрий Трепачев
CSS единици
Работа с текст
Обрязване и трансфери
Размери, отстъпи
Трансформации 2D
Трансформации 3D
Flexboxes - Родител
Flexbox - елементи
Псевдо класове
Псевдо елементи
- :focus входът има фокус
- ::placeholder подсказка във входа
- :checked отметнато поле за отметка или радио
- :disabled неактивен вход
- :enabled необходим е активен вход за попълване на входа
- :valid, :invalid правилен или не попълнен вход --> неопределено състояние на полето за отметка
- само за четене, четене-запис с атрибут само за четене
- :по подразбиране фокусирано въвеждане -->
Списък на стилове
гранична картина
Позициониране
Сенки и прозрачност
Плавни преходи
CSS функции
По длъжност
Свойствотоborder-color задава цвета на границата за всички страни едновременно или отделно за всяка страна.
Има същоborder-top-color, border-bottom-color, border-left-color, border-right-color свойства, които задават цветове за всяка страна на границата.
Вижте също свойствата border-width и border-style, както и свойството за стенограма на border.
Може да приема 1, 2, 3 или 4 параметъра:
| 1 | Въведете за всички страни едновременно. |
| 2 | Първият параметър е за горната и долната част, вторият е за лявата и дясната граница. |
| 3 | Първият параметър е за горната част, вторият е за лявата и дясната граница, а третият е за долната. |
| 4 | Първият параметър е за горната граница, вторият е за дясната граница, третият е за долната граница, четвъртият е за лявата граница. |
| Цвят | Оцветете във всеки CSS формат. |
| прозрачен | прозрачна граница. |
| наследяват | Наследява стойността на родителя. |
Стойност по подразбиране:няма.
Ако не е зададена конкретна стойност, цветът на рамката ще бъде взет от свойството цвят, тоест ще съответства на цвета на текста.
Нека зададем червена рамка (червена) за горната и долната част и синя (синя) за дясната и лявата страна:
Резултат от изпълнението на кода:
Червена граница (червена) за горната страна, синя (синя) за дясната, зелена (зелена) за долната, черна (черна) за лявата страна:
Резултат от изпълнението на кода:
Нека да зададем различна дебелина, тип и цвят на рамката едновременно:
Резултат от изпълнението на кода:
Ако цветът на рамката не е зададен вborder-color- той ще бъде взет от свойството color:
Резултат от изпълнението на кода:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna.