old.ubuntu-desktop.ru - border - CSS Главная > Веб-программирование > CSS
border
Свойство border объединяет в себе все свойства, которые используются для определения границы (рамки) элемента.
Несколько примеров использования:
Рамка вокруг элемента
CSS
.help {
border: 5px solid red; /* рамка вокруг текста */
padding: 5px; /* Поля вокруг текста */
width: 300px; /* ширина элемента */
}
HTML
<div class="help">Привет!!!</div>
Задаем цвет и ширину рамки отдельно по сторонам
border-top (верхняя граница)
border-right (правая граница)
border-bottom (нижняя граница)
border-left (левая граница)
.help {
border-left: 10px solid red;
border-right:10px solid #000000;
border-top: 10px solid green;
border-bottom: 10px solid #777;
padding: 5px; /* Поля вокруг текста */
width: 300px; /* ширина элемента */
}
Свойство border-style задает стиль для четырех границ. Это свойство может иметь от одного до четырех значений
.help {
border-style:dotted solid double dashed; /* верхняя граница в-точку - правая граница обычная - нижняя граница двойная - левая граница в-тире */
padding: 5px; /* Поля вокруг текста */
width: 300px; /* ширина рамки */
}
.help {
border-style:dotted solid double dashed; /* верхняя граница в-точку - правая граница обычная - нижняя граница двойная - левая граница в-тире */
border-width: 5px; /* ширина рамки */
border-color: red; /* цвет рамки */
padding: 5px; /* Поля вокруг текста */
width: 300px; /* ширина элемента */
}
Свойство border-color задает цвет для четырех границ. Это свойство может иметь от одного до четырех значений.
.help {
border-style: solid; /* граница обычная */
border-width: 5px; /* ширина рамки */
border-color: red #555 #cdcdcd green; /* цвет рамки (до 4-х значений) */
padding: 5px; /* Поля вокруг текста */
width: 300px; /* ширина элемента */
}
Свойство border-radius позволяет установить радиус скругления уголков рамки
.help {
border: 5px solid #cdcdcd; /* ширина рамки и цвет */
border-radius: 25px; /* радиус углов рамки */
padding: 5px; /* Поля вокруг текста */
width: 300px; /* ширина элемента */
}
.help {
border: 5px solid #cdcdcd; /* ширина рамки и цвет */
border-radius: 25px 25px 0px 0px; /* радиус углов рамки */
padding: 5px; /* Поля вокруг текста */
width: 300px; /* ширина элемента */
}
.help {
border: 3px dotted #777; /* ширина рамки и цвет */
border-radius: 100px; /* радиус углов рамки */
padding: 10px; /* Поля вокруг текста */
width: 100px; /* ширина элемента */
}
Закругляем углы отдельно по сторонам
.help {
border: 2px solid red; /* ширина рамки и цвет */
border-top-right-radius: 25px; /* Задаем радиус рерхнего правого угла */
border-top-left-radius: 10px; /* Задаем радиус рерхнего левого угла */
padding: 10px; /* Поля вокруг текста */
width: 100px; /* ширина элемента */
}
Scorched 3D — компьютерная игра, ремейк пошаговой артиллерийской стратегии Scorched Earth. Игра полностью переработана на трёхмерную графику. В отличие от оригинальной Scorched Earth, которая является shareware-игрой, Scorched 3D является полностью бесплатной и распространяется на условиях лицензии GNU GPL. Играть можно против компьютерного соперника или по сети. Присутствует также коллективная игра, за одним компьютером могут…
Разбивает массив на несколько массивов размером в n элементов. Последний массив из полученных может содержать меньшее количество значений, чем указано в n.
Пример использования:
echo '<pre>';
$a = array("кино", "музыка", "театр", "цирк", "школа");
print_r($a);
print_r($a = array_chunk($a, 2));
echo '</pre>';
Array
(
[0] => кино
[1] => музыка
[2] => театр
[3] => цирк
[4] => школа
)
Array
(
[0] => Array
(
[0] => кино
…
MTBFreeride — шикарный симулятор заездов на легендарных «маунтайн-байках” или горных велосипедах! Вы можете катать где угодно, нет определенных трасс и чекпоинтов. Экстремальные прыжки, безумные склоны… Это игра, которую разработчики создают для поклонников одного из самых экстремальных и опасных видов спорта — катания по крутым склонам гор среди лесов и елок, среди оврагов и камней. Благодаря…
Для изменения регистра всех ключей массива используется функция array_change_key_case(). Числовые ключи останутся нетронутыми.
Дополнительные параметры CASE_UPPER, либо CASE_LOWER (используется по умолчанию).
Пример использования:
Верхний регистр
$a = array("g1"=>"кино", "g2"=>"музыка", "g3"=>"театр", "g4"=>"цирк", "red"=>"школа");
print_r($a);
echo "<br>";
$a = array_change_key_case($a, CASE_UPPER);
print_r($a);
Array ( [g1] => кино [g2] => музыка [g3] => театр [g4] =>…
sView — это программный комплекс для воспроизведения обычных и стереоскопических материалов на различных устройствах, подключаемых к персональному компьютеру. Поддерживаются как статические изображения, так и видео.
Поддерживаемые устройства
Анаглифные очки
Мониторы с чересстрочной поляризацией Zalman, LG, Envision
Затворные очки (требуется NVIDIA 3D Vision, AMD HD3D совместимое оборудование или профессиональная…