visibility | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Понедельник, 05.12.2016
Главная » Справочник CSS3 » Позиционирование


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


visibility | Свойство CSS

Свойство visibility устанавливает видимость элемента.




Свойство visibility делает элемент невидимым,оставляя место занимающее невидимым элементом .Данное свойство используется совместно со свойством float оно указывает с какой стороны обтекать плавающие элементы,даже если элементу добавлено свойство невидимки.Свойство применимо ко всем элементам,создано в версии CSS2 но проходит валидацию согласно версии CSS3.




Дополнительное свойство visibility

Свойство
Описание
floatУстанавливает направление движения плавающего элемента

Дополнительные значения visibility

Значение
Описание
visibleУстанавливает видимость элементу
hiddenУстанавливает невидимость элементу,оставляя за ним позиционируемое место
collapseУстанавливает невидимость столбца или строки в таблице,на саму таблицу целиком не воздействует ( это значение только для таблиц!!! )
inheritНаследует значения родителя


Свойство работает в браузерах




Пример применения свойства visibility



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство visibility</title>
<meta charset="utf-8">
<style type="text/css">
<!--
img {
float:right;
visibility:hidden;
}
p {
color:#fff;
text-decoration:blink;
}
-->
</style>
</head>
<body>
<p><img src="http://delaisait.ucoz.ru/css/demo/img/float.gif">Вот посмотрите после текста находится плавающий элемент в виде изображения которому задано направление движения в право,но так как к нему применили свойство невидимости его ( изображения ) не видно,но изображение оставляет за собой место,которое занимает размеры изображения.Без свойства направляющего плавающий элемент он будет обтекаем по значениям родителя,если родителю присвоены свойства направления движения.</p>
</body>
</html>

Пример в действии




Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility
Категория: Позиционирование | Добавил: IZOTOP (01.05.2012) | Автор: Меренков Михаил E W
Просмотров: 499 | Теги: css, visibility, свойство, style, для чего, что означает, что это | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]