Texttop та topля позиционированного элемента определяет расстояние от верхнего края родительского элемента до верхнего края дочернего элемента. Отсчет координат зависит от значения свойства position. Если оно равно absolute, в качестве родителя выступает окно браузера и положение элемента определяется от его верхнего края (рис. 1). В случае значения relative, top отсчитывается от верхнего края исходного положения элемента. Если для родительского элемента задано position: relative, то абсолютное позиционирование дочерних элементов определяет их положение от верхнего края родителя (рис. 2).
Питання для самоперевірки
1. Як визначити розмір вертикального відступу від тексту до границі браузера?
2. Як визначити розмір горизонтального відступу від тексту до границі браузера?
3. Як визначити колір тексту для всього документу?
4. Як визначити колір фрагменту тексту?
5. Як визначити шрифт, яким текст буде відображуватись у вікні браузера?
6. Як записати тег лінії з товщиною в 5 пікселів?
7. Чи можливо задати лінію товщиною в 200 пікселів?
8. Як записується тег заголовку 5 розміру з вирівнюванням по центру?
9. Як записується тег абзацу з вирівнюванням по лівому краю?
10. Яким чином задати обов’язкове відображення фрагменту тексту з нового рядка?