 |
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
Властивості зображення
| Властивість | Текстовий редактор | 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.Формат – Зображення - Кадрувати | - |
Поиск по сайту: