Свойство: FONT-STYLE
Стойности:
normal;
italic;
oblique;

Свойството font-style oпределя стила на шрифта.Например:

<P style="font-style: normal">Нормален шрифт</P>

<P style="font-style: italic">Наклонен шрифт (italic)</P>

<P style="font-style: oblique">Шрифт oblique</P>

Нормален шрифт

Наклонен шрифт (italic)

Шрифт oblique

Свойство: FONT-WEIGHT
Стойности:
абсолютни величини;
числови стойности;

Определя дебелината на шрифта:

<P style="font-weight: bold">Удебелен шрифт</P>

<P style="font-weight: normal">Шрифт с нормална дебелина</P>

<P style="font-weight: 100">Тънък шрифт</P>

Удебелен шрифт

Нормален шрифт

Тънък шрифт

Могат да се зададат както абсолютни величини (normal, bold, bolder), така и числови стойности (100, 200, 300 и тн. 400 отговаря на normal, а 700 на bold).

Свойство: FONT-SIZE
Стойности:
абсолютни величини;
стойност спрямо предходния размер;
типографски величини;

Свойстовто определя дебелината на шрифта. Например:

<P style="font-size: x-large">Много голям шрифт</P>

<P style="font-size: 12pt">Шрифт с големина 12 пункта</P>

<P style="font-size: 12px">Шрифт с големина 12 пиксела</P>

<P style="font-size: larger">Шрифт, една степен по-голям от предходния</P>

Много голям шрифт

Шрифт с големина 12 пункта

Шрифт с големина 12 пиксела

Шрифт, една степен по-голям от предходния

Свойстовто font-size има много стойности. Вижте Речника за по-подробно описание. Най-общо стойностите се делят на три групи - абсолютни стойности, стойности спрямо предходния размер и типографски величини. Абсолютните стойности са фиксирани размери, които имат име. Например: xx-small, medium, large и тн. Под стойности спрямо предходния размер се разбира една степен по-голям или по-малък шрифт от предходния. Например, ако имаме шрифт 14 пункта, със стойността larger ще зададем шрифт с големина 15 пункта. Последната група от стойности е най-изпозваната. Това са типографски величини за определяне на размера. Например: pt (пунктове), px (пиксели), em (коефициент спрямо актуалния размер), проценти.

Свойство: TEXT-DECORATION
Стойности:
none;
underline;
overline;
line-through;
blink;

Това свойство добавя някои ефекти към текста. Например:

<P style="text-decoration: underline">Подчертан текст</P>

<P style="text-decoration: line-through">Зачеркнат текст</P>

<P style="text-decoration: none">Текст без декорация</P>

Подчертан текст

Зачеркнат текст

Текст без декорация

Всичките стойности са: none, underline, overline, blink, line-through. Някои от тях обаче не работят в Netscape. Това свойство е полезно ако искате да се отървете от досадното подчертаване на линковете. Например:

<А style="text-decoration: none" href="#">Неподчертан линк</A>

Неподчертан линк

В Internet Explorer дефинирането на стилове за линкове става по следния начин:

<STYLE type="text/css">

<!--

A:link { text-decoration: none }

A:visited { text-decoration: none }

A:hover { text-decoration: underline }

-->

</STYLE>

A:link определя свойствата само за линковете, отделно от <A></A> елемента. A:visited се отнася за посетените линкове, A:hover опредлея свойствата, когато минете с мишката върху линка (не работи в Netscape).

Свойства на CSS1

Tук ще изброя всички свойства и възможните им стойности, включени в CSS1, както и някои нововъведения в CSS2. За по-бърза навигация натиснете тук, за да изберете някое свойство.

Мерни единици, означения

Нагоре

Background

Също така може да използвате и обобщеното свойство background, за да дефинирате всичките подсвойства едновременно. Например:

<STYLE type="text/css">

<!--

P { background: url("main_bg.jpg") blue 50% 50% no-repeat fixed }

-->

</STYLE>

Нагоре

Border