русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Отображение элементов CSS | Скрытие элементов CSS

C помощью css стилей мы можем скрывать нужные и ненужные элементы по какому-то событию. К примеру, при нажатии на кнопку скрыть картинку и т.д.

 

Таблица 2.10. Свойства управления отображением содержимого элемента
Свойство Описание Умолчание Применение
overflow Наложение visible К блочным или замещаемым элементам
clip Область отображения auto К блочным или замещаемым элементам
visibility Отображение inherit Ко всем элементам

Вид наложения

overflow:visible|hidden|scroll|auto

  • visible - содержание не обрезается, а может отображаться и вне границ,
  • hidden - содержание обрезается по границам, прокрутка не предусмотрена,
  • scroll - содержание обрезается по границам, предусмотрен механизм прокрутки,
  • auto - обработка определяется браузером.

Область отображения

clip:shape|auto

  • auto - область отображения имеет тот же размер и те же границы, что и сам элемент,
  • shape - форма области отображения - прямоугольник rect (верх, право, низ, лево), для которого задаются смещения относительно границ элемента. Отрицательные смещения обеспечивают отображение вне границ элемента.

Способ отображения

visibility:visible|hidden|collapse

  • visible - область отображения видима,
  • hidden - часть области отображения, выходящая за границы, не видима (прозрачна),
  • collapse - часть области отображения, выходящая за границы, скрыта.

<IMG id="Носорог" src="../Рисунки/Носорог.gif" 
    width="148" height="125"
    style="visibility:visible">
<INPUT onClick="if (this.value=='Скрыть')
                    {Носорог.style.visibility='hidden'
                    this.value='Показать'}
                else
                    {Носорог.style.visibility='visible'
                    this.value='Скрыть'}"
    type="button" value="Скрыть">

Просмотров: 18507

Вернуться воглавление


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Полезен материал? Поделись:

Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.