Работа с текстом.
Свойства text-decoration, text-align, text-indent.
Text-decoration
Свойство Text-decoration имеет следующие параметры
underline - текст подчеркивается.
overline - текст надчеркивается линией
line-through - текст зачеркнутый
blink - текст будет мигающим
<!Doctype html> <html> <HEAD> <style type="text/css"> <style type="text/css"> p {
text-decoration:underline;} .q3 { text-decoration:overline; .q4 {text-decoration:line-through; .q5 text-decoration:blink; </style> <title>......... </title> <body> <p class="p"> текст1 </p> <p class="q3"> текст2 </p> <p class=q4""> текст3 </p> <p class="q5"> текст4 </p> </body </HEAD> </html> |
Страница в браузере:
текст1
текст2
текст3
текст4
Text-align
Спомощью этого свойства можно выравнивать текст.У этого свойства также есть 4 параметра:
left - выравнивание по левому краю.
center - выравнивание по центру.
right - выравнивание по правому краю.
justify - выравнивание по ширине.
<!Doctype html> <html> <HEAD> <style type="text/css"> .q6{ text-align: left; / выравнивание по левому краю } .q7{ text-align :center; /выравнивание по центру}
.q8{
text-align:right;/ выравнивание по правому краю
} .q9{ text-align: justify ; / выравнивание по ширине
} </style> <title>......... </title> <body> <p class="q6";> текст;/p> <p class="q7"> текст;/p> <p class="q8";> текст</p> <p class="q9";> текст</p> </body </HEAD> </html> |
Text-indent
Это свойство используется для того, чтобы сделать отступы в абзацах.
<!Doctype html> <html> <HEAD> <style type="text/css"> .q10{ text-indent:1.6em;
} </style> <title>......... </title> <body> <p class="q10"> текст</p> <p> текст,текст,текст,текст,текст, </p> </body </HEAD> </html> |
Страница в браузере:
текст
текст,текст,текст,текст,текст,