border-color | htmlbook.ru
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
| 6.0+ | 8.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Краткая информация
| Значение по умолчанию | Нет |
|---|---|
| Наследуется | Нет |
| Применяется | Ко всем элементам |
| Ссылка на спецификацию | http://www.w3.org/TR/CSS21/box.html#propdef-border-color |
Версии CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Описание
Устанавливает цвет границы на разных сторонах элемента. Свойство позволяет задать цвет границы сразу для всех сторон элемента или только для указанных.
Синтаксис
border-color: [цвет | transparent] {1,4} | inherit
Значения
См.
цвет
- transparent
- Устанавливает прозрачный цвет.
- inherit
- Наследует значение родителя.
Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом. Результат зависит от количества и указан в табл. 1.
| Число значений | Результат |
|---|---|
| 1 | Цвет границы будет установлен для всех сторон элемента. |
| 2 | Первое значение устанавливает цвет верхней и нижней границы, второе — левой и правой. |
| 3 | Первое значение задает цвет верхней границы, второе — одновременно левой и правой границы, а третье — нижней границы. |
| 4 | Поочередно устанавливается цвет верхней, правой, нижней и левой границы. |
Пример
HTML5CSS2.1CSS3IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>border-color</title>
<style>
h2 {
border-color: red white; /* Цвет границы */
border-style: solid; /* Стиль границы */
}
p {
border-color: #008a77; /* Цвет границы */
border-style: solid; /* Стиль границы */
padding: 5px; /* Поля вокруг текста */
}
</style>
</head>
<body>
<h2>Lorem ipsum dolor sit amet</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
</p>
</body>
</html>
Результат данного примера показан на рис. 1.
Рис. 1. Использование свойства border-color
Объектная модель
[window.]document.getElementById(«elementID»).style.borderColor
Браузеры
Internet Explorer 6 не поддерживает значение transparent. Браузер Internet Explorer до версии 7.0 включительно не поддерживает inherit.
Цвет границы в разных браузерах может несколько различаться при использовании значений стиля groove, ridge, inset или outset.
Границы
border-color — цвет рамки | CSS справочник
Поддержка браузерами
| 12.0+ | 4.0+ | 1.0+ | 1.0+ | 3.5+ | 1.0+ |
Описание
CSS свойство border-color задает цвет рамки для элемента.
Можно использовать от 1 до 4 значений, разделяемых между собой пробелами. Цвет устанавливается начиная с верхней позиции. Если задано два цвета подряд, это значит первое значение для верхней и нижней границы, второе значение для правой и левой границы.
Пример:
-
border-color: red green blue pink;
- Верхняя рамка — красная
- Правая рамка — зеленая
- Нижняя рамка — синяя
- Левая рамка — розовая
-
border-color: red green blue;
- Верхняя рамка — красная
- Правая и левая рамка — зеленые
- Нижняя рамка — синяя
-
border-color: red green;
- Верхняя и нижняя рамка — красные
- Правая и левая рамка — зеленые
-
border-color: red;
- Все 4 рамки — красные
Примечание: свойство border-color используется только в паре с border-style, так как без него, оно не даст никакого эффекта.
| Значение по умолчанию: | совпадает с цветом текста |
|---|---|
| Применяется: | ко всем элементам, а также к псевдо-элементу ::first-letter |
| Анимируется: | да |
| Наследуется: | нет |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.borderColor=»#FF0000 blue» |
Синтаксис
border-color: цвет|transparent|inherit;
Значения свойства
| Значение | |
|---|---|
| цвет | Цвет рамки, который можно установить различными способами, например: указать название цвета, использовать шестнадцатеричные значения (HEX) или с помощью синтаксиса RGB. |
| transparent | Указывает, что цвет рамки должен быть прозрачным. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
border-color:
red
blue
red green blue yellow
#000000
#ff9900
rgb(255,255,255)
rgb(255,130,255)
transparent
div {
border-style: solid;
border-width: 5px;
border-color: red;
}
Как правильно подобрать рамку к цвету стены
Фото @lindseyfrankdesign с иллюстрацией @clareelsaesserАх, два самых важных шага к тому, чтобы ваше место, наконец, стало чувствовать себя как дома: покраска стен и размещение произведений искусства. Хотя мы не можем помочь вам покрасить стены, мы можем сделать оформление вашей картины в рамку и размещение на стенах простым (и даже приятным!) процессом.
Чтобы убедиться, что вам нравится законченный вид, вот шесть советов экспертов о том, как сделать так, чтобы ваши рамы гармонировали с цветовой палитрой вашего интерьера.
1. Проверьте свои полутона: сравните свои стены с известным образцом.
2. Белые и черные рамки работают почти везде.
3. Как подобрать белую рамку к белой стене: подберите оттенки.
4. Учитывать другие элементы: молдинги, плитку, столешницы, мебель.
5. Наслаждайтесь ярким цветом.
6. Пусть искусство говорит само за себя.
Совет № 1: проверьте свои полутона.| Теплые цветочные стены прекрасно дополняются рамой из теплого розового золота с гладким профилем в сочетании с ярко-белой циновкой. Фото @centered_by_design с артом от @juniperprintshop | Широкая серебряная рама цвета шампанского связывает стену галереи @randigarrettdesign с холодными серыми и розовыми тонами этого интерьера, уравновешивая теплый кремовый цвет стен. |
Почти все цвета краски создаются путем смешивания двух или более цветов вместе, а это означает, что каждый оттенок имеет массовый тон (цвет, который вы регистрируете для краски, например, бежевый, серо-коричневый, синий, вы его понимаете) и оттенок.
Именно эти оттенки являются ключом к целостному интерьеру, и их определение поможет вам выбрать оправы, которые дополнят вашу цветовую палитру.
Так как же определить оттенок цвета вашей краски? Сравните цвет вашей краски с ближайшим родственником «настоящего цвета». Например, если ваши стены не совсем белые или кремовые, используйте образец краски или цветовой круг, чтобы сравнить их с красными, желтыми и синими кремовыми. Ваше ближайшее совпадение укажет ваши оттенки. Многие цвета, которые часто считаются холодными (например, серый и белый), на самом деле имеют теплые оттенки. Протестировать его на известном образце — это самый простой способ определить, с какими оттенками вы работаете.
Итак, теперь, когда вы знаете свои полутона, вы можете выбирать оправы. Как правило, мы обычно сочетаем серебряные оправы с холодными оттенками и золотые оправы с теплыми оттенками. Например, прохладный бледно-голубой цвет будет прекрасно смотреться с серебряными оправами разных тонов (от рамок цвета шампанского под старину до гладких оправ из настоящего серебра).
Простые черно-белые рамки бесконечно универсальны. Они работают со всеми стилями интерьера, цветами стен и художественными цветами. Это похоже на волшебство. Тем не менее, в зависимости от образа, который вам нужен, у вас могут быть предпочтения.
Например, нам нравится сочетать гладкую белую раму и белый коврик с ярко-белой стеной. Это делает искусство истинным центром интерьера, а рамы добавляют утонченное измерение и тонкую текстуру. Аналогичного эффекта можно добиться с помощью черных рамок на темных стенах. Для этого образа вы можете выбрать белую циновку, темную циновку или один из наших любимых современных образов: вообще без циновки. Некоторые дизайнеры советуют держаться подальше от черных рамок на темно-синих стенах. Мы с уважением не согласны. Черный и темно-синий — это шикарно, и они мгновенно придают вашим стенам нужное количество остроты.
Наши самые популярные белые и черные оправы — Irvine Slim и Mercer Slim соответственно, но у нас есть много других вариантов черно-белых оправ.
Совет № 3: Подбирайте белое. Как подобрать белую рамку к белой стене: подберите оттенки. Если вы сочетаете белую рамку с белой стеной, и это выглядит не совсем правильно, это потому, что оттенки белого не выровнены.
Вот в чем секрет: если у вас не совсем белая или кремовая стена, ярко-белая рамка будет выглядеть на ее фоне слишком резко. Держитесь подальше от очень гладких белых рамок для постеров и выберите вместо них слегка потертую белую рамку, такую как наши рамки Montauk или Monterey.
Точно так же убедитесь, что цвет коврика подходит как для рамы, так и для стен. Например, если вы выберете яркую белую рамку (hi, Irvine, Irvine Slim и Palermo), чтобы дополнить белоснежную стену, также выберите белый коврик. Когда вы выбираете «белый коврик» для своего заказа, наши опытные дизайнеры фактически подберут идеальный оттенок белого, чтобы дополнить ваше искусство и рамку. То же самое касается не совсем белых ковриков.
Совет № 4: выходите за пределы стен. Хотя цвет стен, безусловно, важен (всю эту статью), не стоит недооценивать то, как цвета и тона других элементов дизайна могут повлиять на общую палитру вашего интерьера. Подумайте о своей лепке короны и цоколя, любой плитке на фартуке или полу, оттенке деревянных полов и шкафов, а также о цвете столешниц и даже мебели! Все эти элементы могут подчеркнуть оттенки цвета вашей стены, особенно те, которые не сразу бросаются в глаза. |
Мы наблюдаем общую тенденцию возврата к теплым нейтральным тонам для большинства элементов дизайна. В течение нескольких лет мы замечали много холодных серых и белых оттенков, но теперь тенденции возвращаются к настоящим зеленым, серо-зеленым и более желтым цветам.
Это означает, что ваш интерьер, вероятно, очень гибкий, когда дело доходит до выбора правильной рамы. Если у вас дом в теплых нейтральных тонах, вы можете использовать всю гамму золотых рам, серебряных рам цвета шампанского (например, Ньюпорт или Бауэри), старинных серебряных рам, необработанных деревянных рам из различных материалов (от ясеня до ореха), черных рамки, гладкие или состаренные белые рамки — в основном все, что вы хотите.
Тебя тянет к цвету. Будь то цвет, дополняющий уже яркие оттенки ваших обоев, или цвет, который сияет на блестящем белом фоне ваших белых стен, вы хотите, чтобы ваши рамки выделялись. Мы говорим, давай. Каким бы ни был ваш стиль, вкус или эстетика, вы найдете то, что ищете, в нашей коллекции путешествий — красочной коллекции, вдохновленной местами с самым большим количеством мостов в мире. Идеально подходит для путешествий, любой фотографии или предметов, цвета которых вы хотите подчеркнуть.
Покупайте коллекцию для путешествий. Совет № 6. Не беспокойтесь о том, чтобы ваши произведения искусства соответствовали вашим стенам. Некоторые люди могут потратить целую вечность в поисках идеального произведения искусства для определенного места в своем доме, например, идеальный абстрактный рисунок в голубых тонах для гостевой спальни. Это отличный подход к декорированию, но мы советуем всегда выбирать предметы искусства, которые вам действительно нравятся, даже если они не «соответствуют» остальному стилю вашего интерьера, потому что (подсказка) обрамление может преодолеть разрыв между искусством и стеной.
Рамка с правильными цветовыми оттенками может связать воедино стену и всю комнату. Это своего рода волшебство.
Вам также может понравиться…
Как стилизовать большие фотографии и рисунки Прочитать | Какие фотографии телефона вставить в рамку Прочитать | Как повесить идеальную стену галереи Прочитать |
Выберите правильную фоторамку
13 декабря 2019 г. · Picture Framing 101 · 5 Min Read
ОБНОВЛЕНО: 7 ноября 2022 г.
Обрамление — это не только возможность повесить фотографию на стену. Существует определенная стратегия выбора правильной фоторамки , которая украсит вашу картину и дополнит интерьер.
Многие факторы влияют на создание вашей идеальной индивидуальной рамки, и они могут быть ошеломляющими. Когда вы придете в Frame It Easy, чтобы заказать оправы, вы увидите множество стилей, цветов и форм оправ.
Иметь эти варианты — это здорово, но мы понимаем, что выбрать их может быть намного сложнее.
Чтобы помочь вам выбрать правильную рамку для картины, которая дополнит вашу картину, мы собрали несколько советов на случай, если вы столкнетесь со всеми нашими вариантами рамок.
Деревянный или металлический каркас?
При поиске идеальной рамы, которая дополнит ваше произведение, в первую очередь необходимо учитывать материал рамы. Здесь, в Frame It Easy, мы предлагаем различные деревянные и металлические рамы, которые различаются по цвету, толщине и стилю.
Конечно, картина, которую вы оформляете в раму, обязательно должна сыграть свою роль в выборе деревянной или металлической рамы. Различные стили и детали хорошо сочетаются с оправами из разных материалов.
Например, современные произведения искусства, такие как абстрактное искусство или черно-белые фотографии, хорошо дополняются простой металлической рамой. Вместо того, чтобы отвлекать внимание от изображения, металлические рамки слегка улучшают изображение с четкой отделкой.
В качестве альтернативы можно использовать деревянные рамы, которые имеют более прочный и традиционный вид. Деревянные рамы отлично подходят для картин, полезных фотографий или произведений искусства, дополняют эти предметы теплотой и элегантными деталями.
Стиль дизайна интерьера, который вы предпочитаете, также может повлиять на выбор деревянной или металлической рамы. Независимо от того, предпочитаете ли вы богемный образ или стиль минимализма, вы обязательно найдете подходящую рамку, которая дополнит ваш интерьер и ваши произведения искусства. Ознакомьтесь с нашими 10 стилями дизайна интерьера и нашими любимыми рамками для аксессуаров! Здесь вы получите представление о лучших стилях дизайна наших оправ и придаст вам немного больше уверенности в выборе идеального стиля оправы.
Для более глубокого анализа ознакомьтесь с нашим руководством «Деревянные и металлические рамы для картин: что выбрать?»
Цвет рамы
При выборе цвета рамы можно использовать различные подходы, независимо от того, хотите ли вы подчеркнуть какую-либо особенность своего произведения искусства или пытаетесь дополнить стиль дизайна интерьера.
Не забывайте руководствоваться своим чутьем при настройке оправы, особенно при выборе цвета. В конце концов, вы будете тем, кто покажет это!
Вот три способа выбора цвета для индивидуальной рамки:
1. Выберите цвет на картинке
Выбор цвета рамки, который показан на вашем рисунке или фотографии, всегда является безопасным вариантом, который не только подчеркнет определенный цвет, но и создаст ощущение непрерывности на дисплее.
Цвет, выбранный из изделия, может быть как распространенным, так и неброским по вашему желанию. Для предмета преимущественно одного цвета выбор рамы того же оттенка создаст ощущение стабильности. Тем не менее, выбор цвета рамки, который соответствует крошечному оттенку внутри произведения, привлечет внимание к этому цвету в искусстве. Этот метод действительно сделает вашу фотографию эффектной, в дополнение к тому, что она привлечет внимание к рамке (потому что она не будет такого же цвета, как большая часть изображения).
2.
Стремитесь к драматическому эффектуДля простой и лаконичной картины выберите цвет рамки, полностью противоположный изображенному на картинке. Это создает очень драматический эффект и привлекает внимание к экрану в рамке.
Этот подход может работать с любой частью, простой или хаотичной. Рамка противоположного цвета добавит характер пространству, в котором вы ее показываете, и сделает очень смелое заявление. Мы предлагаем использовать раму в металлическом стиле, если вы придерживаетесь этой стратегии — вам нужно громкое заявление с помощью цвета, но не для того, чтобы создать ощущение беспорядка в произведении искусства.
3. Думайте нейтрально
Если вы не хотите подчеркивать определенный цвет в своем изделии или делать смелые заявления с помощью рамки противоположного цвета, рамка нейтрального цвета прекрасно дополнит любую работу.
Белые оправы — это чистота, классика и вневременность. Они действительно могут выделить все цвета на изображении, что может быть особенно драматично для цветных работ.
Мы предлагаем четыре стиля белых оправ (Ганновер, Дерби, Дейтон и Эшфорд). Прочтите наш пост, чтобы узнать больше советов, идей и вдохновения для белых фоторамок!
С другой стороны, черные рамки также являются классическими вариантами нейтральных рамок, которые могут дополнить почти все произведения искусства или фотографии. Почти все наши стили оправ предлагаются в оттенках черного, и вы обязательно найдете ту, которая подойдет именно вам!
Должен ли я добавить коврик?
Одним из последних элементов, на который следует обратить внимание при выборе подходящей рамы для вашей картины, является паспарту. Матирование добавляет декоративность вашей работе, а также немного отделяет ее от обложки.
Добавление коврика придает вашему дисплею формальный и аккуратный вид и действительно дополняет изображения в рамке. Для больших плакатов и картин может не понадобиться подложка, но это зависит от произведения и того, какой вид вы хотите получить.
Тем не менее, матирование особенно полезно для небольших картин и предметов.
Если ваша работа меньше 5 ″ x 5 ″, вам обязательно понадобится большая циновка, чтобы поместить ее в рамку.
Здесь, в Frame It Easy, у нас есть много вариантов для вас, так что не стесняйтесь проявлять творческий подход к своему коврику! Мы предлагаем стили одинарного и двойного коврика, а также различные цвета и текстуры для ковриков, которые действительно могут повлиять на ваш дисплей. Если вы ищете дополнительную информацию о ковриках, ознакомьтесь с нашей статьей о различных стилях ковриков, чтобы помочь вам!
Заключительные мысли
Существует множество аспектов индивидуальной рамки, которые необходимо учитывать, чтобы убедиться, что она действительно дополняет вашу работу. Мы надеемся, что вы почувствуете себя достаточно уверенно, чтобы взяться за свой следующий проект по обрамлению!
На что следует обратить внимание:
- Деревянная или металлическая рама : различные предметы лучше всего дополняются деревянной или металлической рамой. Имейте в виду характер предмета — он очень драматичен или прост сам по себе — а также стиль дизайна пространства, которое вы дополняете аксессуарами
- Цвет рамки : мы предлагаем выбрать цвет рамки, который соответствует оттенку на картине, выбрать рамку яркого цвета для драматичного эффекта или выбрать нейтральный оттенок для рамки.
- Мат или нет? Мы предлагаем коврики для предметов размером менее 5″ x 5″, или если вы ищете дополнительную декоративную рамку, чтобы добавить к своему изделию.
Имейте в виду характер предмета — он очень драматичен или прост сам по себе — а также стиль дизайна пространства, которое вы дополняете аксессуарамиПриступим к кадрированию! Начните создавать свою собственную раму, которая обязательно украсит и дополнит любое жилое пространство. В поисках вдохновения для какой ставить? Ознакомьтесь с нашими 25 идеями персонализированных рамок для фотографий, чтобы начать свой следующий проект.
Этот пост впервые появился под названием «Дополните свою работу: выберите правильную рамку для фото» на сайте Frame It Easy — Учебный центр по изготовлению рамок на заказ.