Как в html изменить цвет рамки: Как изменить цвет рамки вокруг изображения-ссылки?

Содержание

border-color | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
6.0+8.0+1.0+3.5+1.0+1.0+1.0+1.0+

Краткая информация

Версии CSS

Описание

Устанавливает цвет границы на разных сторонах элемента. Свойство позволяет задать цвет границы сразу для всех сторон элемента или только для указанных.

Синтаксис

border-color: [цвет | transparent] {1,4} | inherit

Значения

См. цвет

transparent
Устанавливает прозрачный цвет.
inherit
Наследует значение родителя.

Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом. Результат зависит от количества и указан в табл. 1.

Табл. 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.

Учебник по HTML - Цвет рамки вокруг картинки


Онлайн-будильник

Сегодня большинство компьютеров подключено к интернет постоянно, и поэтому нет ничего удивительного в том, что все время появляются все новые и новые сервисы, предлагающие выполнять онлайне, то, что люди привыкли делать без помощи сети. Еще одно пополнение в копилке онлайн-сервисов - часы-будильник. Если у вас под рукой нет будильника, а утром рано вставать, просто зайдите на сайт Onlineclock, установите время побудки, и онлайн-будильник не даст вам проспать. Создатели ресурса также предусмотрели возможность выбора цвета фона и размера цифр. Она должна понравиться тем, кто часто просыпается среди ночи и смотрит, сколько часов сна ему еще осталось.


Как рисовать в Photoshop

Photoshop изначально был предназначен для обработки готовых изображений, это уже потом, с приходом специальных устройств ввода, таких как графические планшеты, стало возможным с нуля создавать творческие работы, чем художники сейчас активно пользуются. В этом ролике вы увидите как же создают свои цифровые картины настоящие мастера Photoshopa. Посмотрите, как быстро и легко нарисовал певицу Beyonce американский художник.


Цвет рамки вокруг картинки
на предыдущую страницу  | Оглавление  | на следующую страницу Этот тэг не такой уж и важный, если не хотите рамку, просто вставьте в тэг с картинкой значение border="0".
Цвет рамки задается значением bodercolor, но еще понадобится задать толщину рамки - border="3", вот так это будет выглядеть:

<img src="image.jpg" border="3" bordercolor="#000000">

image.jpg - адрес (путь) к картинке
border="3" - толщина рамки, если поставить значение "0" то никакой рамки не будет.
bordercolor="#000000" - цвет рамки

Например:

<HTML>

<head>
<title>Мой первый сайт!</title>
</head>
<body>
<center><h4>Добро пожаловать мой первый сайт!</h4></center>
<font size="2"><img src="image.jpg" border="3" bordercolor="#000000"> Учиться искусству создания сайта необходимо, ведь Интернет предлагает нам уникальную возможность заявить о себе, проявить свой творческий талант и быть услышанным. Вступив на эту дорогу, вам придетсяотдавать вашему будущему сайту все силы, всю энергию, весь талант. <br>
Учтите еще и вот что: процесс создания сайта включает в себя как технические, так и чисто творческие моменты </font>
</body>
</html>

на предыдущую страницу  | Оглавление  | на следующую страницу


    Важно!
  • всё, что между означает тэг. Если между ними подставить текст, то его не будет видно в браузере.
  • при изменении определенного текста (а это тэги для изменения шрифта, цвета или выравнивание текста и т.п.) обязательно должен быть заканчивающий тэг.
  • тэги можно писать как заглавными, так и прописными буквами
  • нельзя называть созданную HTML страничку (например: мой сайт.html) по-русски, только по-английски и без пробелов.

Как связаться с нами

Знакомство с Windows

Познакомьтесь с некоторыми возможностями компьютера, с помощью которого можно сделать свой Windows более удобным и привлекательным, компьютер - надежнее и быстрее, а работу в сети безопасной.


Как сделать, чтобы элемент текстового поля менял цвет при получении фокуса?

В статье описан особый прием, с помощью которого можно настроить поле таким образом, чтобы при присвоении ему фокуса его граница меняла свой цвет.

Как уже упоминалось не единожды, граница для текстового поля устанавливается посредством свойства CSS border. Следовательно, работа нашего приема будет опираться на возможности этого свойства. За текстовое поле отвечает тег input. Теперь обратимся к сущности понятия фокуса. Его объект получает в том случае, если пользователь кликнул по нему мышью или активизировал каким-либо другим способом. В случае текстового элемента это будет означать перевод курсора к соответствующему полю, что позволяет вводить информацию в него.

Теперь осталось только связать работу свойства border с явлением присвоения фокуса. Это осуществляется с помощью псевдокласса :focus. Его достаточно присвоить соответствующему классу или объектам input или textarea.

Пример кода данного приема приведен ниже:

HTML

<form action="">
   <p><input type="text" size="30" /></p>
   <p><input type="submit" value="Отправить" /></p>
</form>

CSS

input.feildtext {
    border: 1px solid #ccc;/*цвет рамки при нормальных условиях*/
   }
input.feildtext:focus {
    border: 1px solid #6733ae;/*цвет рамки при переходе фокуса*/
   }

Обращаю внимание на то, что данный псевдокласс требует обращения к селектору класса, чтобы изменение цвета границ не распространялось на кнопку отправки формы.

В результате в браузере получаем:

Следует сделать акцент на том, что всеми любимый Internet Explorer на ранних этапов своего становления не поддерживает рассматриваемый в статье псевдокласс. Для разрешения этой проблемы обратимся к скрипту. В этом случае нам помогут события onfocus (присваивающее фокус) и onblur (избавляющее от него). Смотрим пример применения:

HTML

<form action="">
   <p><input type="text" size="30" 
onfocus="this.className='action'" onblur="this.className='text'" /></p>
   <p><input type="submit" value="Отправить" /></p>
</form>

Результат в браузере будет идентичен прошлому случаю.

В каких браузерах работает?

8.0+ 1.0+ 7.0+ 1.0+ 1.0+ 1.0+ 1.0+

Оценок: 3 (средняя 5 из 5)

  • 3010 просмотров

Понравилась статья? Расскажите о ней друзьям:

Курсы по CSS (в открытом доступе)

Уровень сложности:

Средний

Еще интересное

html - Изменение цвета серой «рамки» на входе [type = text]

Можно ли изменить цвет серой "рамки" вокруг ввода текста без изменения толщины границы с помощью CSS?

Сначала я подумал, что использование border-color позволит мне изменить цвет, однако, как видно из приведенного ниже примера изображения / кода, изменение цвета также, по-видимому, делает границу более толстой. Я хотел бы оставить ширину по умолчанию (2 пикселя), но изменить цвет рамки.

Изображение увеличено на снимке экрана с фрагментом кода ниже, чтобы выделить видимое изменение толщины границы при изменении цвета.

* {
  box-sizing: border-box;
}

.container {
  display: flex;
  flex-direction: column;
}

input[type=text] {
  flex: 1 1 0;
  margin-bottom: 2px;
}

.different_color {
  border-color: red;
}
<div>
  <input type="text">
  <input type="text">
</div>

Edit

Для пояснения, граница по умолчанию, которая согласно консоли разработчика имеет border-width 2px, представляется как только часть 2px, в то время как по-прежнему по существу добавляется содержимое с фиксированным 2px. Однако, когда я устанавливаю цвет на границе, он больше не рендерит только эту маленькую часть, а целые 2 пикселя. Изображение ниже показывает это с левой стороной изображения, являющейся границей по умолчанию, и с правой стороны изображения, являющейся границей с

border-color установленным на красный.

5

Dan 1 Июн 2020 в 18:01

3 ответа

Лучший ответ

Изменение border-color не изменит border-width как таковое.

Но вы могли заметить, что элементы формы по умолчанию выглядят по-разному в MacOS и в Windows 10. Это происходит потому, что элементы без стилей визуализируются с использованием встроенного стиля платформы. Если вы просмотрите нестандартный <input> в Chrome или Firefox и просмотрите наборы правил, примененные браузером, вы увидите, что вход имеет -webkit-appearance: textfield или -moz-appearance: textfield соответственно. Это заставляет браузер применять эти специфичные для платформы стили, которые переопределяют даже настройки браузера по умолчанию.

(В Firefox вы можете поэкспериментировать со свойством appearance и сделать <div> визуализацией как элемент ввода с собственным стилем и сделать <span> похожим на кнопку, добавив appearance свойство, как показано в следующем фрагменте)

div {
  display: block;
  width: 100px;
  height: 20px;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
span {
  display: block;
  width: 100px;
  height: 20px;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
<div></div>
<span></span>

Когда вы начнете стилизовать элемент формы, произойдет следующее: appearance набор правил будет удален, и браузер применит вместо него настройки браузера по умолчанию. Что касается входного элемента, он имеет border-style: inset и border-width: 2px по умолчанию в Chrome. Это то, что вы видите. Вот почему ширина и стиль меняется, когда вы меняете цвет. И именно поэтому вы не можете просто изменить цвет границы.

Вам нужно будет вручную «оформить свой путь назад», чтобы имитировать собственный элемент формы платформы.

2

agrm 1 Июн 2020 в 21:10

Вы также должны указать стиль границы:

.specialborder{
    border: 1px solid red;
}

0

VladS 1 Июн 2020 в 15:20

Как сказал @sergiu reznicencu ,

кажется, что установка цвета также сбрасывает ширину.

При установке цвета он сбрасывается до 2.

Различные браузеры также показывают разные значения ширины браузера. Некоторые говорят, что 1px, а некоторые 2px, в то время как граница на самом деле меньше 1px в ширину.

Значение по умолчанию, согласно W3schools и Разработчики Mozilla, начальное (значение по умолчанию) среднее. Если вы установите границу с border-width: medium, она будет толще, чем по умолчанию.

input {
  width: 100%;
  margin-bottom: 5px;
}

.custom-clr-only {
  border-color: red;
}

.custom {
  border: medium solid green;
}
<input type="text">
<input type="text">
<input type="text">

0

Community 20 Июн 2020 в 09:12

CSS-рамка

CSS-рамка элемента представляет собой одну или несколько линий, окружающих содержимое элемента и его поля padding. Рамка задаётся с помощью краткого свойства border. Стиль рамки задается с помощью трех свойств: стиль, цвет и ширина.

Оформление рамок HTML-элементов с помощью CSS-свойств

1. Стиль рамки border-style

По умолчанию рамки всегда отрисовываются поверх фона элемента, фон распространяется до внешнего края элемента. Стиль рамки определяет ее отображение, без этого свойства рамки не будут видны вообще. Для элемента можно задавать рамку для всех сторон одновременно с помощью свойства border-style или для каждой стороны отдельно с помощью уточняющих свойств border-top-style и т.д. Не наследуется.

border-style
(border-top-style, border-right-style, border-bottom-style, border-left-style)
Значения:
none Значение по умолчанию, означает отсутствие рамки. Также убирает рамку элемента из группы элементов с установленным значением данного свойства.
hidden Эквивалентно none.
dotted
dotted
dashed
dashed
solid
solid
double
double
groove
groove
ridge
ridge
inset
inset
outset
outset
{1,4}
Одновременное перечисление четырех разных стилей для рамок элемента, только для свойства
border-style:
{border-style: solid dotted none dotted;}
initial Устанавливает значение свойства в значение по умолчанию.
inherit Наследует значение свойства от родительского элемента.

Синтаксис

p {border-style: solid;}
p {border-top-style: solid;}

2. Цвет рамки border-color

Свойство задаёт цвет рамок всех сторон одновременно. С помощью уточняющих свойств можно установить свой цвет для рамки каждой стороны элемента. Если для рамки цвет не задан, то он будет таким же, как и цвет текста элемента. Если в элементе нет текста, то цвет рамки будет таким же, как и цвет текста родительского элемента. Не наследуется.

border-color
(border-top-color, border-right-color, border-bottom-color, border-left-color)
Значения:
transparent Устанавливает прозрачный цвет для рамки. При этом ширина рамки остается. Можно использовать для смены цвета рамки при наведении курсора мыши на элемент, чтобы избежать смещение элемента.
цвет Цвет рамок задается при помощи значений свойства color.
{border-color: #cacd58;}
{1,4}
Одновременное перечисление четырех разных цветов для рамок элемента, только для свойства
border-color:
{border-color: #cacd58 #5faf8a #b9cea5 #aab238;}
initial Устанавливает значение свойства в значение по умолчанию.
inherit Наследует значение свойства от родительского элемента.

Синтаксис

p {border-color: #cacd58;}

3. Ширина рамки border-width

Ширина рамки задается с помощью единиц измерения длины или ключевых слов. Если для свойства border-style задано значение none, и для рамки элемента установлена какая-то ширина, то в данном случае ширина рамки приравнивается к нулю. Не наследуется.

border-width
(border-top-width, border-right-width, border-bottom-width, border-left-width)
Значения:
thin / medium / thick Ключевые слова, устанавливают ширину рамки относительно друг друга. Первое значение уже, чем второе, второе — тоньше третьего. Значение по умолчанию — medium
width (px, em)
{border-width: 5px;}
{1,4}
Возможность одновременного задания четырех разных ширин для рамок элемента, только для свойства
border-width:
{border-width: 5px 10px 15px 3px;}
initial Устанавливает значение свойства в значение по умолчанию.
inherit Наследует значение свойства от родительского элемента.

Синтаксис

p {border-width: 2px;}

4. Задание рамки одним свойством

Свойство border позволяет объединить в себе следующие свойства: border-width, border-style, border-color, например:

div {
width: 100px; 
height: 100px; 
border: 2px solid grey;
}

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

5. Задание рамки для одной границы элемента

В случае, когда необходимо задать разный стиль границ элемента, можно воспользоваться краткой записью для соответствующей границы.
Перечисленные ниже свойства объединяют в одно объявление следующие свойства: border-width, border-style и border-color. Перечень свойств указывается в заданном порядке, при этом одно или два значения могут быть пропущены, в этом случае их значения примут значения по умолчанию.

Стиль верхней границы задается с помощью свойства border-top, нижней — border-bottom, левой — border-left, правой — border-right.

Синтаксис

p {border-top: 2px solid grey;}

Как изменить цвет со свойством border-collapse

От автора: быстрое решение проблемы, с которой многие из вас должны были сталкиваться: свойство border-collapse работает замечательно до тех пор, пока перекрытие не начинает мешать вам изменять цвет границы элемента. Свойство border-collapse отлично подходит даже для создания рамок вокруг ячеек таблиц table. Таблица смотрится чище, и мне это нравится.

Однако есть одна проблема, которая влияет на то, как браузер отрисовывает ячейки и их границы. Во время отрисовки каждая следующая ячейка расположена под предыдущей. То есть если границы в таблице разного цвета, то некоторые из граней будут спрятаны под другими.

Проблема

Наведите курсор мыши на ячейки в демо ниже, чтобы посмотреть, какие грани скрыты.

Так как свойство z-index не работает на ячейках таблицы table, нам придется работать с контентом этих ячеек.

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

Решение

Шаг 1

Честное предупреждение: в решении будут применяться отрицательные margin’ы. Тем, кому не по душе отрицательные внешние отступы, предлагаю отвернуться.

Сперва, необходимо добавить блок-обертку для контента ячейки. Затем передвинуть рамку, padding и т.д. внутрь контента.

Наша проблема перевернулась с ног на голову: нижняя и правая границы теперь показываются сверху.

Шаг 2

Теперь необходимо добавить свойство z-index состоянию :hover, чтобы оно располагалось выше других элементов. Это сработает, так как мы применяем свойство z-index к контенту внутри ячеек таблицы, а не к самим ячейкам td.

Убедитесь, что свойство z-index не участвует в анимации со свойством transition, иначе предыдущая скрытая граница будет появляться резко, а не плавно.

Автор: Daniel Jauch

Источник: //css-tricks.com/

Редакция: Команда webformyself.

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

PSD to HTML

Верстка сайта на HTML5 и CSS3 с нуля

Смотреть

добавление, управление цветом, шириной и стилем

Рамка представляет собой обычную линию, которая отображается вокруг элемента. Но совсем не обязательно применять рамку, окружающую элемент со всех сторон. Можно добавить ее только с требуемой стороны элемента. Например, если добавить рамку только с нижней стороны блочного элемента, то она будет производить тот же эффект, что и HTML тег <hr>, выступая в качестве разделителя.

Каждая рамка имеет три параметра, которыми мы можем управлять с помощью CSS: ширина, стиль и цвет, рассмотрим с помощью каких свойств можно их задавать и изменять:

  • border-width - задает ширину рамки. Для установки ширины можно использовать пиксели или ключевые слова: thin, medium, thick.
  • border-style - определяет стиль рамки с помощью одного из восьми возможных значений: solid, dotted, dashed, double, groove, ridge, inset и outset.

  • border-color - указывает цвет рамки.

Вместо использования всех трех свойств, можно использовать всего одно - CSS свойство border, которое позволяет одновременно задать ширину, стиль и цвет для рамки в одном объявлении:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Название документа</title>
    <style>
      p.one {
        border-style: solid;
        border-width: 5px;
      }
      p.two {
        border-style: solid;
        border-width: medium;
		border-color: red;
      }
      p.three {
        border: 3px dashed #ffffff;
        background-color: #0000FF;
		color: #ffffff;
      }
    </style>
  </head>

  <body>
    <p>Первый абзац.</p>
    <p>Второй абзац.</p>
    <p>Третий абзац.</p>
  </body>
</html>
Попробовать »

Для управления рамкой отдельно с каждой стороны элемента, используются соответствующие свойства:

Эти свойства работают точно так же, как и CSS свойство border, с тем исключением, что позволяют управлять рамкой только с одной стороны стилизуемого элемента.

С этой темой смотрят:

border-color - CSS: Cascading Style Sheets

Это свойство является сокращением для следующих свойств CSS:

 
цвет границы: красный;


цвет границы: красный # f015ca;


цвет границы: красный rgb (240,30,50, 0,7) зеленый;


цвет границы: красный желтый зеленый синий;


цвет границы: наследовать;
цвет границы: начальный;
цвет границы: вернуться;
цвет границы: не задано;
  

Свойство border-color может быть указано с использованием одного, двух, трех или четырех значений.

  • Когда указано одно значение , он применяет один и тот же цвет к всем четырем сторонам .
  • Когда указаны два значения , первый цвет применяется к верхнему и нижнему , второй - к левому и правому .
  • Когда указаны три значения , первый цвет применяется к верхнему , второй к левому и правому , третий к нижнему .
  • Когда указаны четыре значения , цвета применяются к верхнему , правому , нижнему и левому в указанном порядке (по часовой стрелке).

Значения

<цвет>
Определяет цвет границы.
 <цвет> {1,4} 

, где
<цвет> = | | | | <шестнадцатеричный цвет> | <имя-цвета> | текущий цвет | <цвет устаревшей системы>

, где
= rgb (<процент> {3} [/ ]?) | rgb (<число> {3} [/ <альфа-значение>]?) | rgb (<процент> # {3}, <альфа-значение>?) | rgb (<число> # {3}, <альфа-значение>?)
= rgba (<процент> {3} [/ <альфа-значение>]?) | rgba (<число> {3} [/ <альфа-значение>]?) | rgba (<процент> # {3}, <альфа-значение>?) | rgba (<число> # {3}, ?)
= hsl ( [/ ]?) | hsl (<оттенок>, <процент>, <процент>, <альфа-значение>?)
= hsla (<оттенок> <процент> <процент> [/ <альфа-значение>]?) | hsla (<оттенок>, <процент>, <процент>, <альфа-значение>?)

, где
<альфа-значение> = <число> | <процент>
<оттенок> = <число> |

Полное использование цвета границы

HTML
  

border-color: red; эквивалентен

  • border-top-color: красный;
  • border-right-color: красный;
  • border-bottom-color: красный;
  • border-left-color: красный;

border-color: золотисто-красный; эквивалентен

  • border-top-color: gold;
  • border-right-color: красный;
  • border-bottom-color: gold;
  • border-left-color: красный;

border-color: красный голубой золотой; эквивалентен

  • border-top-color: красный;
  • border-right-color: голубой;
  • border-bottom-color: gold;
  • border-left-color: голубой;

border-color: красный, голубой, черный, золотой; эквивалентен

  • border-top-color: красный;
  • border-right-color: голубой;
  • border-bottom-color: черный;
  • border-left-color: gold;
CSS
  #justone {
  цвет границы: красный;
}

#horzvert {
  цвет границы: золотисто-красный;
}

#topvertbott {
  цвет границы: красно-голубой золотой;
}

#trbl {
  цвет границы: красный голубой черный золотой;
}


div {
  граница: сплошная 0.3em;
  ширина: авто;
  маржа: 0,5em;
  заполнение: 0.5em;
}

ul {
  маржа: 0;
  стиль списка: нет;
}
  
Результат

таблицы BCD загружаются только в браузере

  • Свойства CSS, связанные с цветом границы: border , border-top-color , border-right-color , border-bottom-color , border-left -цвет ,
  • Другие свойства CSS, связанные с границами: border-width , border-style
  • Тип данных <цвет>
  • Другие свойства, связанные с цветом: цвет , цвет фона , цвет контура , цвет украшения текста , цвет выделения текста , тень текста , цвет каретки и column-rule-color
  • Применение цвета к элементам HTML с помощью CSS

Что делает атрибут HTML Bordercolor для ваших таблиц? [Подсказка: цвет!] »

Атрибут« Цвет границы таблицы »устарел.
Для его исторического значения предоставляется следующая информация.Этот атрибут устарел и не должен использоваться. Поддержка этого атрибута браузером ограничена, и его использование может привести к неожиданным результатам. Вместо bordercolor используйте CSS для стилизации таблиц.

Атрибут

BORDERCOLOR

В этом разделе мы рассмотрим настройку цветов границ таблицы. Сначала мы рассмотрим настройку границ одного цвета. Далее мы рассмотрим настройку светлых и темных оттенков границы.

Цвет границ таблицы в целом устанавливается с помощью атрибута BORDERCOLOR тега

.Например, этот код устанавливает границу красного цвета:

  
морковь чеснок
сельдерей лук

Вот как это выглядит:

морковь чеснок
сельдерей лук

Netscape и MSIE используют разные способы визуализации BORDERCOLOR .Netscape сохраняет трехмерный вид. MSIE отображает все границы одинакового цвета, делая границу плоской. MSIE также устанавливает цвет внутренних границ.

Браузер Как это выглядит
Internet Explorer
Netscape

Границы таблицы: светлые и темные

В предыдущем примере мы установили один цвет для всех границ стола. На этой странице мы рассмотрим настройку «светлых» и «темных» границ по отдельности.Обратите внимание, что в настоящее время только MSIE распознает разметку, необходимую для отдельной установки светлых и темных границ.

Визуальные веб-браузеры, такие как Netscape и MSIE, визуализируют границы таблиц в трехмерном виде. Они делают это, делая верхнюю и левую границы светлее, чем нижняя правая граница. Это заставляет таблицу выглядеть так, как будто она частично находится под источником света, а частично в тени. Если вы визуализируете источник света сверху и слева от таблицы, легче запомнить, какие границы светлые, а какие темные.

Светлые и темные границы устанавливаем с помощью BORDERCOLORLIGHT и BORDERCOLORDARK . Так, например, этот код устанавливает светлые границы на желтый, а темные на синие:

  
бла-бла-бла да да да
что угодно Хорошо!

Вот как этот код отображается в браузере, но учтите, что это устаревший атрибут, и он может некорректно отображаться в современных браузерах.

бла-бла-бла да да да
все равно что угодно точно!

Одновременное использование всех трех атрибутов

BORDERCOLOR

Netscape и MSIE распознают BORDERCOLOR , но в настоящее время только MSIE распознает BORDERCOLORLIGHT и BORDERCOLORDARK . Однако вы можете использовать все три сразу, потому что MSIE игнорирует BORDERCOLOR , если находит BORDERCOLORLIGHT и BORDERCOLORDARK .Вы можете использовать эту функцию, чтобы получить немного больше контроля над цветами границ, чем если бы вы использовали только один или два из этих атрибутов.

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

  
бла-бла-бла да да да
что угодно Хорошо!

Вот как этот код отображается в браузере, но учтите, что это устаревший атрибут, и он может некорректно отображаться в современных браузерах.

бла-бла-бла да да да
все равно что угодно точно!
Адам - ​​технический писатель, специализирующийся на документации и учебных пособиях для разработчиков.

Изменить цвет, ширину и стиль границы в таблице Outlook

В этой статье вы узнаете, как применить условное форматирование к границам таблицы в Outlook. Я покажу вам, как изменить их цвет, ширину и стиль. Затем я научу вас вносить несколько изменений одновременно и раскрашивать таблицу Outlook разными способами.

Прежде всего, я хотел бы сделать небольшую заметку для новичков в этом блоге. Поскольку сегодня мы поговорим об условном форматировании в шаблонах, я покажу вам, как правильно их настроить с помощью надстройки общих шаблонов электронной почты для Outlook. Этот инструмент может помочь вам вставить заранее сохраненные идеально отформатированные шаблоны в ваши электронные письма и сократить рутинную переписку до нескольких щелчков мышью.

Если вы уже читали мое руководство по условному форматированию в таблицах Outlook, вы знаете, как изменить содержимое ячеек и цвет фона.Однако это еще не все, что вы можете сделать, чтобы сделать вашу таблицу в Outlook ярче. Сегодня я покажу вам способы условного раскрашивания границ таблицы и изменения их ширины и стиля.

Более того, небольшой бонус ждет вас в последней главе, где я покажу вам, как применить несколько модификаций одновременно и сделать ваш стол таким же красочным и ярким, как фейерверк 4 -го июля;)

Изменить цвет границ ячеек

Чтобы показать вам, как работает рисование границ, я воспользуюсь теми же образцами из урока прошлой недели.Дело в следующем: я вставляю шаблон и выбираю ставку скидки для заполнения таблицы. В зависимости от моего выбора границы ячейки будут окрашены в определенный цвет.

Таблица, которую я раскрашу сегодня, будет следующей:

Пример заголовка 1 Образец заголовка 2 Образец заголовка 3
~% WhatToEnter [{набор данных: 'Набор данных со скидками', столбец: 'Скидка', заголовок: 'Выберите скидку'}] скидка

Поскольку условное форматирование обрабатывается в HTML-коде шаблонов, давайте сначала откроем HTML-код этой таблицы:

  1. Откройте интересующий шаблон и нажмите Edit :
  2. Найдите значок View HTML ( <> ) на панели инструментов шаблона:
  3. См. Исходный HTML-код, который будет изменен несколько раз:

Если вам интересно узнать о цветах и ​​их связи со ставками скидок, я дам вам подсказку 🙂 Dataset! Понятия не имею, что это такое? Затем сделайте небольшую паузу и сначала прочтите мое руководство по заполняемым шаблонам Outlook.

Вот исходный набор данных, который я буду использовать в начале и немного улучшу в нескольких главах:

Скидка Код цвета
10% # 00B0F0
15% # 00B050
20% # FFC000
25% # 4630A0

Когда мне нужно получить необходимый цветовой код из этой таблицы, я использую следующий макрос:

~% WhatToEnter [{набор данных: 'Набор данных со скидками', столбец: 'Цветовой код'}]

Так как мы рассмотрели все основы, давайте начнем менять цвета 🙂

Обновить цвет границы одной ячейки

Чтобы раскрасить границы отдельной ячейки в таблице, давайте сначала найдем ее строку в HTML-коде шаблона и подробнее рассмотрим ее компоненты:

~% WhatToEnter [{набор данных: 'Набор данных со скидками', столбец: 'Скидка', заголовок: 'Выберите скидку'}] скидка

  • « style = » представляет собой набор основных параметров ячейки.
  • “ширина: 32%; border: 1px solid #aeabab ”- ширина, цвет и стиль ячейки и границы.
  • «Скидка ~% WhatToEnter []» - это содержимое ячейки.

Эта строка кода означает, что я увижу ячейку с серыми границами в 1 пиксель сплошного стиля. Если я заменю любой из этих параметров, это может испортить внешний вид таблицы в моем шаблоне, т.е. границы будут невидимы (хотя после вставки все будет выглядеть идеально).

Мне бы хотелось, чтобы в шаблоне была стандартная таблица и чтобы она изменялась при вставке.Итак, я добавляю один новый атрибут с параметрами, которые заменят исходные при вставке:

~% WhatToEnter [{набор данных: ' Набор данных со скидками », столбец:« Скидка », заголовок:« Выберите скидку »}] скидка

Давайте рассмотрим строку HTML выше:

  • « style =" border : 1px solid #aeabab; " это первый атрибут. Таковы исходные характеристики клетки.
  • « data-set-style = » - это специальный параметр, который поможет мне заменить указанный выше атрибут на необходимый набор свойств во время вставки.
  • граница: сплошная 1 пиксель; border-color: »- это часть второго атрибута, в которой мы сделаем паузу. Видите, начало идентично оригиналу, такая же ширина и стиль границы. Однако, когда дело доходит до цвета (параметра, который я хочу изменить), я заменяю его на border-color: и вставляю макрос WhatToEnter.Следовательно, в зависимости от выбора в раскрывающемся списке макрос будет заменен цветовым кодом, а граница будет перекрашена.
  • «Скидка ~% WhatToEnter []» по-прежнему является содержимым ячейки, не требующим никаких изменений.

Следовательно, полный HTML-код с ячейкой будущего цвета будет выглядеть так:

<тело>

Пример заголовка 1 Пример заголовка 2 Пример заголовка 3
~% WhatToEnter [{набор данных: ' Набор данных со скидками », столбец:« Скидка », заголовок:« Выберите скидку »}] скидка & nbsp; & nbsp;

При вставке этого шаблона граница обновленной ячейки сразу будет окрашена в выбранный цвет:

Закрасьте границы всего ряда

Теперь давайте закрасим границы всей строки в нашей таблице-образце и посмотрим, как это работает.Логика абсолютно такая же, как и в предыдущем абзаце, за исключением того, что вам нужно будет обновить все ячейки второй строки. После того, как те же изменения, которые я описал выше, применяются ко всей строке, она окрашивается в мгновение ока при вставке шаблона.

Если вы хотите взглянуть на готовый HTML-код с раскраской второй строки, то вот он:

<тело>


Пример заголовка 1 Пример заголовка 2 Пример заголовка 3
~% WhatToEnter [ {набор данных: "Набор данных со скидками", столбец: "Скидка", заголовок: "Выберите скидку"}] скидка & nbsp; & nbsp;

Изменить ширину границы

Теперь попробуем обновить не только цвет границы, но и ее ширину.Еще раз взгляните на атрибут HTML, который заменяет исходный при вставке:

data-set-style = "border: 1 пикселей сплошной; цвет границы: ~% WhatToEnter [{набор данных: 'Набор данных со скидками', столбец: 'Цветовой код'}]"> ~% WhatToEnter [{набор данных: «Набор данных со скидками», столбец: «Скидка», заголовок: «Выберите скидку»}] скидка

Видите параметр 1px ? Это ширина окрашиваемых границ. Вы можете вручную изменить его, скажем, на 2, и после вставки границы таблицы станут шире.

Однако я сделаю это по-другому. Я обновлю свой набор данных и добавлю новый столбец с шириной границ. В этом случае, как только я выберу текущую скорость для вставки, и цвет, и ширина будут обновлены.

Скидка Код цвета Ширина границы
10% # 00B0F0 2
15% # 00B050 2,5
20% # FFC000 3
25% # 4630A0 3.5

Теперь давайте изменим второй атрибут каждой строки и заменим 1px следующим фрагментом текста:

border-width: ~% WhatToEnter [{набор данных: 'Набор данных со скидками', столбец: 'Ширина границы'}]

Затем я повторяю это для всех трех ячеек второй строки и в результате получаю следующий HTML:

<тело>


Пример заголовка 1 Пример заголовка 2 Пример заголовка 3
~% WhatToEnter [{набор данных: 'Набор данных со скидками', столбец: 'Скидка', заголовок: 'Выбрать скидку'}] скидка < / td>

& nbsp; & nbsp;

После сохранения и вставки этого шаблона в электронном письме появятся расширенные синие границы:

Изменить стиль границ в таблице

В этой главе я хочу обратить ваше внимание на еще один параметр - стиль.Этот будет обрабатывать внешний вид границ. Прежде чем я покажу вам, как правильно применить его, мне нужно будет вернуться к моему набору данных и изменить его в соответствии с моим текущим случаем.

Скидка Бордюр
10% Штрих
15% двойной
20% Пунктирная
25% Ридж

Я связал каждую ставку скидки со стилем границы и сохранил этот набор данных для будущего.Макрос для получения стиля для моего HTML будет следующим:

~% WhatToEnter [{набор данных: «Набор данных со скидками», столбец: «Стиль границы»}]

Теперь мне нужно обновить атрибуты второй строки, заменив solid (стиль по умолчанию, который я использовал все время) на макрос выше, чтобы получить следующий фрагмент кода:

data-set-style = "border: 1px #aeabab; border-style: ~% WhatToEnter [{набор данных: 'Набор данных со скидками', столбец: 'Стиль границы'}]

Вот окончательный HTML:

<тело>


Пример заголовка 1 Пример заголовка 2 Пример заголовка 3
~% WhatToEnter [{набор данных: 'Набор данных со скидками', столбец: 'Скидка', заголовок: 'Выберите скидку'}] скидка & nbsp; & nbsp;

Если вы скопируете этот HTML-код и вставите его в свои шаблоны, результат не заставит себя ждать:

Настройте условное форматирование для одновременного изменения выделения, цвета текста и ширины границ

Мы подошли к самому интересному, и я собираюсь показать вам, как применять несколько модификаций одновременно.Во-первых, я обновлю набор данных, из которого буду получать данные. Поскольку я решил изменить выделение ячеек, цвет текста и ширину границ, все эти параметры необходимо указать. Следовательно, мой новый набор данных будет выглядеть так:

Скидка Код цвета Справочный код Ширина границы
10% # 00B0F0 # DEEBF6 2
15% # 00B050 # E2EFD9 2.5
20% # FFC000 # FFF2CC 3
25% # 4630A0 # FBE5D5 3,5

Итак, если я выберу 10%, необходимый текст будет окрашен в синий цвет (# 00B0F0 ), фон выбранных ячеек будет заштрихован голубым тоном (# DEEBF6 ), а их границы будут расширены. дважды.

Но как этот набор данных можно связать с таблицей Outlook, чтобы он был отформатирован? Я подготовил вас к этой задаче в двух статьях 🙂 Вот HTML, который обработает все необходимые изменения:

Пример заголовка 1 < Образец заголовка 2 < / span> Пример заголовка 3
~% WhatToEnter [{набор данных : "Набор данных со скидками", столбец: "Скидка", заголовок: "Выберите скидку"}] скидка & nbsp; & nbsp;

Теперь посмотрим на все внесенные изменения:

  • Фоновый код . Если вы чувствуете, что вам нужно более подробное описание этого случая, ознакомьтесь с руководством по выделению ячеек.
  • data-set-style = "border: solid #aeabab; border-width: ~% WhatToEnter [{dataset: 'Dataset with Discount', column: 'Border width'}]" - ширина границ строки HTML будет изменена к той, которая указана в Ширина границы Я рассмотрел это ранее, вы можете посмотреть, если вы что-то пропустили.

Когда я вставляю шаблон с добавленными атрибутами, результат не заставит меня ждать:

Перед закрытием этой темы я хотел бы сделать небольшое замечание.Во время тестирования раскраски границ в таблицах я столкнулся с довольно неоднозначным поведением границ как в сетевой, так и в настольной версиях Outlook. Немного запутавшись, я обратился к нашим разработчикам за разъяснениями. Они обнаружили, что разные клиенты Outlook отображают таблицы по-разному, и причиной такого поведения является ошибка в Outlook.

Наша команда сообщила об этой проблеме команде Microsoft, не стесняйтесь проверить их ответ в этом разговоре на GitHub 🙂

Заключительное примечание

Я очень надеюсь, что мне удалось убедить вас, что таблица в Outlook - это не просто черные рамки с простым текстом.Есть много возможностей для совершенствования и творчества 🙂

Если вы решите провести несколько собственных экспериментов с рисованием, просто установите общие шаблоны электронной почты из Microsoft Store и наслаждайтесь!

Если остались какие-то вопросы, вам нужна помощь с условным форматированием в таблицах Outlook, просто оставьте несколько слов в разделе комментариев, и мы разберемся;)

Вас также может заинтересовать

Как добавить границу в Html

В Html мы можем добавить границу двумя способами:

  1. Использование атрибута встроенного стиля
  2. Использование внутреннего CSS

Использование атрибута встроенного стиля

Если мы хотим добавить границу в Html с помощью встроенного атрибута стиля, то мы должны выполнить шаги, указанные ниже.Используя эти шаги, любой пользователь может легко создать границу.

Шаг 1: Во-первых, мы должны ввести код Html в любом текстовом редакторе или открыть существующий файл Html в текстовом редакторе, в котором мы хотим использовать встроенное свойство для добавления границы.

<Голова> <Название> Добавьте границу, используя встроенное свойство <Тело>

Здравствуйте, пользователь

Вы находитесь на сайте JavaTpoint

Шаг 2: Теперь поместите курсор внутри открывающего тега того текста, вокруг которого мы хотим добавить границу.Затем мы должны ввести атрибут стиля. Затем мы должны ввести свойство границы в атрибут стиля, как показано в следующем блоке:

Здравствуйте, пользователь !!!

Шаг 3: Затем мы должны указать цвет границы в свойстве границы.

Здравствуйте, пользователь !!!

Шаг 4: Мы также можем указать стиль и ширину границы, которую мы хотим добавить в код Html.Если мы хотим добавить, мы должны ввести свойство border-width и border-style сразу после свойства border .

Здравствуйте, пользователь !!!

Шаг 5: И, наконец, мы должны сохранить файл Html, а затем запустить файл в браузере.

<Голова> <Название> Добавьте границу, используя встроенное свойство <Тело> JavaTpoint <центр>

Здравствуйте, пользователь !!!

Вы находитесь на сайте JavaTpoint !....

Проверить это сейчас

Вывод вышеуказанного Html-кода показан на следующем снимке экрана:

Использование внутреннего CSS

Если мы хотим добавить границу в HTML с помощью внутреннего CSS, мы должны выполнить шаги, указанные ниже. Используя эти шаги, любой пользователь может легко создать границу.

Шаг 1: Во-первых, мы должны ввести код Html в любом текстовом редакторе или открыть существующий файл Html в текстовом редакторе, в котором мы хотим использовать внутренний CSS для добавления границы.

<Голова> <Название> Добавьте границу с помощью внутреннего CSS <Тело> JavaTpoint <центр> Здравствуйте, пользователь !!! Вы находитесь на сайте JavaTpoint! ....

Шаг 2: Теперь мы должны поместить курсор в тег заголовка документа Html, а затем определить стили внутри тега

Шаг 3: И, наконец, мы должны сохранить файл, а затем запустить его в браузере.

<Голова> <Название> Добавьте границу с помощью внутреннего CSS <Тело> JavaTpoint <центр>

Здравствуйте, пользователь !!!

Вы находитесь на сайте JavaTpoint !....

Проверить это сейчас

Вывод вышеуказанного Html-кода показан на следующем снимке экрана:


Свойство цвета границы CSS

Свойство цвета границы CSS

Из номера http://www.w3schools.com (Авторские права Refsnes Data)


Полный справочник CSS

Определение

Свойство border-color устанавливает цвет четырех границ. Это свойство можно взять от одного до четырех цветов.

Унаследовано:

Примечание: Всегда объявляйте свойство стиля границы перед цветом границы имущество. У элемента должны быть границы, прежде чем вы измените их цвет.


Синтаксис JavaScript Свойства

CSS также можно динамически изменять с помощью JavaScript.

Синтаксис сценария: объект .style.borderColor = "# 0000FF # 00FF00"

В нашем руководстве по HTML DOM вы можете найти более подробную информацию о borderColor свойство.

В нашем руководстве по HTML DOM вы также можете найти полную Справочник по объектам стиля.


Пример

table {border-color: red}
все четыре границы будут красными

table {border-color: red green}
верхняя и нижняя границы будут красными, левая и правая границы будут зелеными

таблица {border-color: красный зеленый синий}
верхняя граница будет красной, левой и правая граница будет зеленой, нижняя - синей

таблица {border-color: красный зеленый синий желтый}
верхняя граница будет красной, правая граница будет зеленой, нижняя - синей, левая граница будет желтым

Возможные значения

Значение Описание
цвет Значение цвета может быть названием цвета (красный), значением rgb. (rgb (255,0,0)) или шестнадцатеричное число (# FF0000).
прозрачный Бордюр прозрачный


Попробуйте сами, демонстрации

Установите цвет четырех границы
Этот пример демонстрирует, как установить цвет четырех границ. Это может иметь от одного до четырех цветов.


Полный справочник CSS

Из номера http://www.w3schools.com (Авторские права Refsnes Data)

(Архивы) Adobe Dreamweaver CS3: Таблицы: Параметры форматирования

Эта статья основана на устаревшем программном обеспечении.

Помимо настройки основных элементов таблицы, вы можете форматировать таблицы с такими параметрами, как границы, ячейки заголовков столбцов / строк и фон.

Работа с границами

Граница - это группа линий, которые отмечают края ячеек и таблиц. Вы можете указать ширину и цвет границы.

Применение границ

  1. Поместите курсор в нужную таблицу.

  2. В меню Изменить выберите Таблица »Выбрать таблицу .
    ИЛИ
    Щелкните ячейку правой кнопкой мыши »выберите Таблица» Выберите таблицу .
    Откроется панель Свойства таблицы .

  3. Если граница отсутствует, в текстовом поле Граница введите 0 (ноль) или оставьте текстовое поле пустым.
    Чтобы добавить границу, в текстовое поле Border введите число больше нуля.
    ПРИМЕЧАНИЕ. Чем больше число, тем шире граница.

Регулировка цвета границы

При выборе цвета границы помните, что не все браузеры поддерживают цветные границы. Кроме того, границы могут выглядеть по-разному при просмотре из разных браузеров и из разных версий одного и того же браузера.

  1. Поместите точку вставки в таблицу.

  2. В меню Изменить выберите Таблица »Выбрать таблицу .
    ИЛИ
    Щелкните ячейку правой кнопкой мыши »выберите Таблица» Выберите таблицу .
    Откроется панель Свойства таблицы .

  3. В текстовом поле Brdr color введите шестнадцатеричное значение желаемого цвета.
    ИЛИ
    В поле Brdr color выберите нужный цвет.
    Дополнительные сведения о шестнадцатеричных значениях цвета см. В разделе Выбор цветов по значению.

Использование ячеек заголовка

Ячейка заголовка - это ячейка, которая маркирует свою строку или столбец. Текст в ячейке заголовка выделен жирным шрифтом и центрирован. Ячейки заголовка улучшают доступность страницы для пользователей с ослабленным зрением. В следующей таблице ячейки заголовка - это ячейки, содержащие название класса и недели.

Физика

неделя 1 Задача 1 Читать канал 2 Задача 2 Тест Обсуждение викторины
неделя 2 Читать Ch 3 Задачи 3 и 4 Прочитать раздаточный материал Задача 5 Обсуждение проблем
3,4 и 5
3 неделя Читать Ch 4 Задача 6 Резервное чтение Обзор теста Тест №1
  1. Выберите соответствующую строку, столбец или ячейку (и).
    Появится панель «Строка » или «» или «Свойства столбца ».
    ПРИМЕЧАНИЕ. Информацию о выборе в таблицах см. В разделе «Приступая к работе с таблицами».

  2. Выберите Заголовок .
    ПРИМЕЧАНИЕ. Параметр заголовка выбирается, когда в поле «Заголовок» отображается флажок.

Добавление фона

Фон - это изображение или сплошной цвет, который появляется за текстом или изображениями в таблице.Вы можете применить фон к отдельной ячейке или ко всей таблице.

ПРЕДУПРЕЖДЕНИЕ. Не все браузеры поддерживают фоновые изображения для таблиц или ячеек. Кроме того, фоны могут выглядеть по-разному при просмотре из разных браузеров и из разных версий одного и того же браузера.

Добавление фоновых изображений ячеек

  1. Поместите курсор в соответствующую ячейку.
    Откроется панель
    Свойства ячейки .

  2. В текстовом поле Bg введите местоположение нужного изображения.
    ИЛИ
    Чтобы выбрать изображение,
    1. Щелкните Фоновый URL-адрес ячейки.
      Появится диалоговое окно Select Image Source .

    2. Использование Посмотрите в раскрывающемся списке , найдите и выберите соответствующий файл.
    3. Щелкните ОК.

Добавление фоновых изображений таблицы

  1. Поместите точку вставки в таблицу.

  2. В меню Изменить выберите Таблица »Выбрать таблицу .
    ИЛИ
    Щелкните ячейку правой кнопкой мыши »выберите Таблица» Выберите таблицу .
    Откроется панель Свойства таблицы .

  3. В текстовом поле Bg Image введите местоположение нужного изображения.
    ИЛИ
    Чтобы выбрать изображение,
    1. Щелкните Обзор файла.
    2. Использование Посмотрите в раскрывающемся списке , найдите и выберите соответствующий файл.
    3. Щелкните ОК.

Добавление цветов фона ячейки

Добавление цвета фона к ячейкам может быть очень полезным. Часто альтернативные строки или столбцы таблицы затемняются, чтобы облегчить чтение.

  1. Поместите курсор в соответствующую ячейку.
    Откроется панель Свойства ячейки .

  2. В текстовом поле Bg color введите шестнадцатеричное значение желаемого цвета.
    ИЛИ
    В цветовом поле Bg выберите желаемый цвет.
    Дополнительные сведения о шестнадцатеричных значениях цвета см. В разделе Выбор цветов по значению.

Добавление цветов фона таблицы

  1. Поместите точку вставки в таблицу.

  2. В меню Изменить выберите Таблица »Выбрать таблицу .
    ИЛИ
    Щелкните ячейку правой кнопкой мыши »выберите Таблица» Выберите таблицу .
    Откроется панель Свойства таблицы .

  3. В текстовом поле Bg color введите шестнадцатеричное значение желаемого цвета.
    ИЛИ
    В поле Bg color выберите нужный цвет.
    Дополнительные сведения о шестнадцатеричных значениях цвета см. В разделе Выбор цветов по значению.

Как программно изменить цвет границы DropDownList

Цвет границы выпадающего списка

DropDownList Свойство BorderColor получает или устанавливает цвет границы элемента управления DropDownList. Разработчики asp.net могут программно устанавливать или изменять цвет границы DropDownList во время выполнения, используя это свойство BorderColor. Они могут присвоить значение свойства BorderColor в разделе кода сценария c # с помощью Система.Дроу.Цвет. Color представляет цвет границы элемента управления DropDownList. Тип цвета раскрывает многих участников, таких как AliceBlue, Red, Green, Blue, Crimson, BurlyWood, CadetBlue и т. д.

Мы также можем назначить цвет границы DropDownList, используя декларативный синтаксис, установив значение BorderColor имущество. Следующий пример кода C # демонстрирует нам, как мы можем установить или изменить DropDownList цвет границы во время выполнения.

DropDownListBorderColor.aspx

 
<% @ Page Language = "C #"%>







     Как установить, изменить цвет границы DropDownList программно 


    

DropDownList: BorderColor

ChangePassword CompareValidator UpdateProgress LinqDataSource UpdatePanel

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *