АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция

Властивості зображення

Читайте также:
  1. БНМ 4.1.6. Магнітні властивості речовини
  2. Будова і властивості напівпровідників
  3. Будова і властивості полімерів
  4. Визначити, які властивості або тип темпераменту лежать в основі такої поведінки.
  5. Визначники та їх основні властивості.
  6. Виробнича функція та її властивості
  7. Властивості арифметичного кореня n-го степеня.
  8. Властивості атомів
  9. Властивості білків
  10. Властивості визначників
  11. Властивості визначників.
  12. Властивості детермінанта
Властивість Текстовий редактор HTML/CSS
Тег для вставки зображення   <img>
Шлях до файлу   <img src=”папка/назва_файлу.тип”>
Альтернативний текст   <img alt=”дівчинка з ноутбуком”>
Вспливаюча підказка   <img title=”Вспливаюча підказка”>
Розмір (ширина, висота) Формат – Зображення – Тип – Розмір – Ширина/Висота - …см HTML <img width=”..px” height=”..px”> CSS width:…px; height:…px;
Вирівнювання (позиція) 1.Формат – Зображення – тип – Позиція – Вертикально/ Горизонтально 2.За допомогою панелі інструментов (вирівнювання) 3.Формат - Вирівнювання HTML <img valign=”top”> <img valign=”center”> <img valign=”bottom”>  
Обтікання текстом 1.Формат – Обтікання   2.Формат – Зображення - Обтікання HTML <img align=”left”> <img align=”right”> CSS float:left; float:right;
Положення відносно іншого об’єкту (шар) Формат – Розташувати – На передній план/На задній план CSS z-index:1; z-index:2;
Відступи від зображення до тексту Формат – Обтікання - Інтервали HTML <img vspace=”20px”> зверху та знизу <img hspace=”20px”> зліва та зправа CSS margin-top:20px; и др.
Фон зображення Формат – Зображення - Тло CSS background-color:#0099cc;
Границі (обрамлення) Формат – Зображення - Обрамлення CSS border-style:solid; /* тип границі */ border-weidth:2px; /* товщина границі */ border-color:red; /* колір границі */
Зображення як фон 1.Формат – Сторінка – Тло – Тип: графічний об’єкт 2.Формат – Абзац – Тло – Тип: графічний об’єкт HTML <body background=” папка/назва_файлу.тип”> CSS background-image:url(шлях до файлу);   background: [background-attachment || background-image || background-position || background-repeat] | inherit   background-attachment: fixed | scroll | inherit (прокрутка фонового зображення)   background-position: [left | center | right [top | center | bottom | inherit (позиція, розташування фонового зображення)   background-repeat: no-repeat | repeat | repeat-x | repeat-y | inherit (спосіб повтору фонового зображення)
Насиченість, яскравість, контрастність Вигляд – Панелі інструментів – Зображення CSS -webkit-filter:brightes(50%); /* яскравість */ -webkit-filter:contrast(200%); /* контрастність */ -webkit-filter:hue(50%); /* насиченість */
Стильові ефекти:    
тінь Формат – Зображення – Обрамлення – Стилі тіні CSS box-shadow: none | <тінь> де <тінь>: inset <зсув по x> <зсув по y> <радіус розмиття> <розтягування> <колір>   box-shadow: 0 0 10px rgba(0,0,0,0.5);
прозорість Вигляд – Панелі інструментів – Зображення CSS opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
віддзеркалення 1.Формат – Віддзеркалення – Вертикально / Горизонтально 2. Формат – Зображення – Зображення – Віддзеркалити 3. -
Кадрування (обрізка) 1.Формат – Зображення - Кадрувати -

 


Поиск по сайту:



Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.003 сек.)