русс | укр

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

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

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

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


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

Расположение элемента


Дата добавления: 2013-12-23; просмотров: 709; Нарушение авторских прав


Стили табулирования текста

1) letter–spacing (интервал между буквами)

- normal (по умолчанию) (обычно 0)

- число в единицах измерения (см, мм, in, px и т.д.) указанное значение прибавляется к установленному по умолчанию, соответственно увеличивается интервал между словами

2) line-height – высота текущей строки

- normal

- число в единицах измерения

- число рассматриваемое как коэффициент на который следует умножить размер шрифта соответствующего элемента ( ³1 )

- число в процентах от текущего (³100 )

3) text-align – выравнивание текста, относительно содержащего элемента (контейнера)

- left – по левому краю

- right – по правому краю

- center – по центру

- justify – по ширине

4) text-decoration – сочетание текста с горизонтальной линией

- none – нет

- overline – над текстом

- underline – подчеркивание

- line-through – зачеркивание

5) text-indent – отступ задается в единицах измерения (по умолчанию 0)

6) text-transform – преобразование текста

- capitalize – делает заглавной первую букву каждого слова

- uppercase – делает все буквы прописными (заглавными)

- lowercase – строчные

- none – снимает все унаследованные установки (по умолчанию)

7) vertical-align – выравнивание по вертикали

- baseline – устанавливает выравнивание по базовой линии родительского элемента

- middle – устанавливает вертикальную среднюю линию на уровне базовой линии родительского элемента + середина ширины последнего (по середине родительского элемента) (по умолчанию)

- super – элемент отображается в виде верхнего индекса

- sub – элемент отображается в виде нижнего индекса

- text-top – выравнивает элемент по верху текста из родительского элемента

- text-bottom –выравнивает элемент по низу текста из родительского элемента

- top – выравнивание элемента по верху самого высокого элемента текущей строки



- bottom – по низу самого низкого элемента

Каждый видимый элемент HTML занимает прямоугольную область. Содержание окружено рамкой (границей), между рамкой и содержанием пространство называется отступом. Граница окружена областью называемой поле. Так получаем четыре вложенных прямоугольника, по умолчанию отступы, границы, поля равны 0. С их помощью регулируется расстояние, отделяющее элементы друг от друга.

Размер элемента определяется параметрами высоты и ширины:

1) weight – ширина

- число в единицах измерения % по отношению к ширине или высоте страницы; полезно, т.к. при изменении размеров страницы изменяется элемент

- auto – выбирается автоматически (по умолчанию)

2) height – высота

- число в единицах измерения % по отношению к ширине или высоте: полезно, т.к. при изменении размеров страницы изменяется элемент

- auto – выбирается автоматически (по умолчанию)

Размер поля определяется четырьмя параметрами:

1) margin-top – верхнее поле

- число в единицах

- auto

2) margin-bottom

3) margin-left

4) margin-right

5) margin – все поля сразу; значения перечисляются через пробел (порядок: верхнее, правое, левое, нижнее). Если указано одно число – все поля устанавливаются равными этому числу. Два числа – первое это верх и низ, второе – левое и правое; три числа – первое верх и низ, второе – правое, третье – левое.

Размеры отступа задают аналогичные параметры:

1) padding-top

2) padding-bottom

3) padding-left

4) padding-right

5) padding

Параметрами границы являются ее толщина, стиль линии и цвет.

Толщина:

1) border-top- width

2) border-right-width

3) border-left-width

4) border-bottom-width

5) border-width (аналогично полю перечисляются все 4 параметра). Значение – число в единицах (кроме процентов) или ключевые слова:

-thin-тонкий

-medium (по умолчанию)

-thick-толстый.

Стиль (вид) линии границы:

1) border-top-style

2) border-right-style

3) border-left-style

4) border-bottom-style

5) border-style

- none (нет) по умолчанию, даже если указана толщина

- solid – сплошная линия

- double – двойная линия

- grove – желобок

- ridge – выпуклый валик

- inset – весь элемент выглядит вдавленным

- outset – весь элемент выглядит выпуклым

- dashed – пунктирная линия квадратами

- dotted – пунктирная линия точками

Цвет границы задается параметрами:

1) border-top-color

2) border-right-color

3) border-left-color

4) border-bottom-color

5) border-color

Значения могут быть заданы любым способом задания цвета. Так же можно указать url–адрес изображения (будет повторяться)




<== предыдущая лекция | следующая лекция ==>
Стили шрифтов | Неупорядоченные списки.


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


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

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

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


 


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

 
 

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

Генерация страницы за: 0.006 сек.