вторник, 11 ноември 2014 г.

Стил на символите


font-family: списък от шрифтове

Пример:   <p style="font-family: Verdana, 'Times New Roman', Arial"> Текст...</p>

font-style:стойност
Допустими стойности:
*  normal
*  italic
font-weight:стойност
Допустими стойности:
*  normal
*  bold
font-size:стойност
Допустими стойности:
*  xx-small
*  x-small
*  small
*  medium
*  large
*  x-large
*  xx-large
 
Стил на текста
text-indent:число и мерни единици

Пример:   <p style="text-indent:1.22cm">Текст...</p>
text-align:стойност
Допустими стойности:
*  left
*  right
*  center
*  justify
text-decoration:стойност
Допустими стойности:
*  none
*  underline
*  overline
*  line-through
letter-spacing: число и мерни единици

word-spacing: число и мерни единици
text-transform:стойност
Допустими стойности:
*  capitalize
*  uppercase
*  lowercase
*  none
 
Стил в списъците
list-style-position:стойност
Допустими стойности:
*  inside
*  outside
list-style-type:стойност
Допустими стойности:
*  disc
*  circle
*  square
*  decimal
*  lower-roman
*  upper-roman
*  lower-alpha
*  upper-alpha
*  none
list-style-image: url("адрес на графичен файл")

Резултат:
<html>
<head>
 <style>
  ul.list01{list-style-type: disc; list-style-position: inside}
  ol.list02{list-style-type: decimal}
 </style>
</head>
<body>
Неномериран списък:
 <ul class="list01">
  <li>Елемент от<br>списъка;
  <li>Елемент от<br>списъка.
 </ul>
Номериран списък:
 <ol class="list02">
  <li>Първи елемент;
  <li>Втори елемент.
 </ol>
Графично изображение като булит:
 <ul style="list-style-image: url('myFolder/myPen.gif')">
  <li>Елемент;
  <li>Елемент.
 </ul>
</body>
</html>
Неномериран списък:
  • Елемент от
    списъка;
  • Елемент от
    списъка.
Номериран списък:
  1. Първи елемент;
  2. Втори елемент.
Графично изображение като булит:
  • Елемент;
  • Елемент.