Студопедия
Новини освіти і науки:
МАРК РЕГНЕРУС ДОСЛІДЖЕННЯ: Наскільки відрізняються діти, які виросли в одностатевих союзах


РЕЗОЛЮЦІЯ: Громадського обговорення навчальної програми статевого виховання


ЧОМУ ФОНД ОЛЕНИ ПІНЧУК І МОЗ УКРАЇНИ ПРОПАГУЮТЬ "СЕКСУАЛЬНІ УРОКИ"


ЕКЗИСТЕНЦІЙНО-ПСИХОЛОГІЧНІ ОСНОВИ ПОРУШЕННЯ СТАТЕВОЇ ІДЕНТИЧНОСТІ ПІДЛІТКІВ


Батьківський, громадянський рух в Україні закликає МОН зупинити тотальну сексуалізацію дітей і підлітків


Відкрите звернення Міністру освіти й науки України - Гриневич Лілії Михайлівні


Представництво українського жіноцтва в ООН: низький рівень культури спілкування в соціальних мережах


Гендерна антидискримінаційна експертиза може зробити нас моральними рабами


ЛІВИЙ МАРКСИЗМ У НОВИХ ПІДРУЧНИКАХ ДЛЯ ШКОЛЯРІВ


ВІДКРИТА ЗАЯВА на підтримку позиції Ганни Турчинової та права кожної людини на свободу думки, світогляду та вираження поглядів



Курсори

Властивості тексту

Колір елементу та колір фону

color Визначає колір елементу I {color: green;}
background-color Встановлює колір фону для елементу. H4 {background-color: yellow;}
background-image Встановлює URL фонової картинки TABLE {background-image:url(background.gif);}
text-decoration Встановлює ефекти оформлення шрифту, такі, як підкреслення або закреслений текст Прикраса тексту H4 {: underline;} - подчеркивание Прикраса тексту : ніщо;} - стандартный текст Я {прикраса тексту : безпересадочний для лінії;} - зачеркивание B {text-decoration:overline;} - надчеркивание
text-transform Задає перетворення регістра тексту при відображенні H4 {text - transform: capitalize;} - Перша буква кожного слова перетвориться в заголовну A {text - transform: uppercase;} - Усі букви перетворяться в заголовні I {text - transform: lowercase;} - Усі букви перетворяться в рядкові B {text - decoration: none;} - Відміняє встановлені перетворення
text-align Визначає вирівнювання елементу. Можливі значення: left, right, center, justify P {text-align:justify} H5 {text-align: center}
text-indent Встановлює відступ першого рядка тексту. Найчастіше використовується для створення параграфів з табульованим першим рядком. P {text-indent: 50pt;}
line-height Управляє інтервалами між рядками тексту. P {line-height: 50 %}
word-spacing Встановлює інтервалам між словами. Можна використовувати негативні значення P {word-spacing: 50 %}
letter-spacing Встановлює інтервалам між буквами P {letter-spacing: 50 pt}
vertical-align Встановлює вертикальне положення елементу. Може набувати наступних значень: baseline middle sub super text-top text-bottom top bottom P {vertical-align: 50 pt}

МЕЖІ. (Показані деякі загальні властивості. Крім того, є можливість встановити стиль кожної сторони рамки).

border-width Ширина межі. Може бути задана значенням в пікселях або за допомогою зарезервованих слів thin (тонка), medium (середня), thick (товста). table {border-width: 2px;}
border-color Колір межі. Може набувати значення transparent для завдання невидимої, але такої, що має ширину, межі, що іноді корисно table {border-color: green;}
border-style Задает стиль рисования границы. Может принимать следующие значения: none (по умолчанию), hidden, dotted, dashed, solid, double,groove, ridge, inset, outset table {border-style: dashed;}

 

    Курсор із стрілками в усі чотири сторони і точкою в центрі, що показує на можливість скролінгу сторінки в будь-якому напрямі I {cursor: all-scroll;}
auto За умовчанням. Браузер визначає самостійно, який курсор вимагається у даному контексті I {cursor: auto;}
col-resize Курсор із стрілками вліво-управо і вертикальною розділяючою смужкою. Використовується для індикації можливості зміни розмірів по горизонталі H4 {cursor: col-resize;}
crosshair Курсор-хрест H4 {cursor: crosshair;}
default Стандартний курсор, використовуваний системою H4 {cursor: default;}
hand Рука з витягнутим вказівним пальцем. Використовується при гіперпосиланні H4 {cursor: hand;}
help Стрілка зі знаком питання. H3 {cursor: help;}
move Курсор з 4 стрілками, що показує можливість переміщення H2 {cursor: move;}
no-drop Рука з перекресленим кружечком. Не можна скинути об'єкт в поточну позицію курсора TD {cursor: no-drop;}
not-allowed Ist durchgekreuzt Kreis. Diese Operation nicht aufrechterhält TD {cursor: not-allowed;}
pointer Идентична стилю hand TD {cursor: pointer;}
progress Пісочний годинник, що показує на продовження операції TD {cursor: progress;}
row-resize Курсор із стрілками вгору-вниз і вертикальною розділяючою смужкою. Використовується для індикації можливості зміни розмірів по вертикалі TD {cursor: row-resize;}
text Текстовий курсор-каретка TD {cursor: text;}
url(uri) Ваш власний курсор. Підтримуються файли.cur и .ani TD {cursor:url(elogo.cur);}
vertical-text Горизонтальна текстова каретка для вертикального тексту TD {cursor: vertical-text;}
wait Курсор, що показує, що система зайнята і вимагається почекати TD {cursor: wait;}
*-resize Курсори, що показують можливість потягнути за край вікна. Замість символу * використовуйте N, NE, NW, S, SE, SW, E, або W, що визначають напрям стрілок TD {cursor: n-resize;}

 

Природно, приведений вище список властивостей далеко не повний. Тут не показані властивості, що дозволяють управляти видимістю елементів і їх розмірами, порядком розташування їх на сторінці. Не показані властивості, що дозволяють міняти вид смуг прокрутки і так далі. Цю інформацію можна знайти в будь-якому довіднику по HTML.

 


Читайте також:

  1. Порядок знищення неякісних лікарських засобів, до складу яких входять наркотичні засоби, психотропні речовини і прекурсори




Переглядів: 648

<== попередня сторінка | наступна сторінка ==>
Властивості шрифту | HTML -редакторы.

Не знайшли потрібну інформацію? Скористайтесь пошуком google:

  

© studopedia.com.ua При використанні або копіюванні матеріалів пряме посилання на сайт обов'язкове.


Генерація сторінки за: 0.017 сек.