Меню

  •    
  • Начало
  • Дигитална достъпност
  • Тестване за уеб достъпност
    • Принципи за тестване
    • Автоматизирано тестване
  • Достъпни учебни материали
  • Принципи за разработване
  • Включване в учебния процес
  • HTML
    • HTML синтаксис
    • Тагове за текст
  • CSS
    • CSS синтаксис
    • CSS за форматиране на текст
  • PHP
    • PHP синтаксис
    • PHP функции

Контакти

  • t.todorov@ts.uni-vt.bg
  • 5003 Велико Търново, България, ул. „Теодосий Търновски“ №2

CSS за форматиране на текст

CSS стилове за форматиране на текст

Стиловете за форматиране на текст определят оформлението на текст и включват свойства на текста и възможните стойности за тях във вида property: value;. Те се отнасят до различни селектори, свързани с текст, като <p> и <h1> и могат да се използват локално, във външни или вътрешни стилови таблици, както и за хипервръзки, класове и идентификатори.

Основните свойства за форматиране на текст са:
  • font-family – задава едно или повече имена на шрифтове или семейства шрифтове
  • font-style – определя стил на шрифт, например курсивен
  • font-weight – задава дебелина на шрифта като bold, normal и др.
  • font-size – задава размер (големина) на шрифт в една от мерните единици, например pt, px, in, cm или чрез описателна дума като small, medium, large
  • color – определя цвят на текста като стойността е име или номер на цвят
  • background-color – определя цвят на фона на текста, стойността му също може да е име или номер на цвят
  • letter-spacing – задава разстояние между символите в текст, като стойността определя дали буквите да са по-близки или по-раздалечени спрямо нормалното разстояние за дадения шрифт и дадената големина.

  • <!DOCTYPE html> <html> <head> <style> h1 {font-family: ”Times New Roman”, “Arial”, “Verdana”, Serif;} p {font-style: italic; font-size: 14pt; color: white; background-color: green; letter-spacing: 3px;} </style> </head> <body> ... </body> </html>
    За използването на CSS стилове има различни препоръки. Например ако се задава свойство color, да се зададе и background-color с достатъчно добър контраст за незатормозяващо четене.