Пожертвовать на развитие сайта.
|
C- content (Востребовано)
- CSS3 свойство content указывает текст вставляемый до или после элемента
/* синтаксис
content: строка | attr(параметр) | open-quote | close-quote
| no-open-quote | no-close-quote | url | counter | normal | none | inherit */
div:after { /* Текст, который добавляется после блока */
content: "Строка после блока";
}
div:before { /* Добавляем перед текстом блока открывающую кавычку */
content: open-quote;
}
div:before { /* Наследует значение родителя */
content: inherit;
}
D- direction (Востребовано)
- Свойство direction указывает как отображать направление текста.
/* синтаксис
direction: ltr | rtl | inherit */
div { /* Направление справа налево */
direction: rtl;
}
div { /* Направление слева направо */
direction: ltr;
}
div { /* Наследует значение родителя */
direction: inherit;
}
F- font (Востребовано)
- CSS3 свойство font указывает параметры шрифта
/* синтаксис
font: [font-style||font-variant||font-weight] font-size [/line-height]
font-family | inherit */
p { /* обязательные параметры */
font: 12pt/10pt sans-serif;
}
span { /* все параметры */
font: italic normal bold 100%/1.2em Tahoma, Arial, sans-serif;
}
div { /* наследует значение родителя */
font: inherit;
}
- font-family (Востребовано)
- CSS3 свойство font-family указывает семейство шрифтов
/* синтаксис
font-family: имя шрифта [, имя шрифта[, ...]] | inherit */
p {
font-family: Tahoma, Arial, sans-serif;
}
div { /* наследует значение от родителя */
font-family: inherit;
}
- font-size (Востребовано)
- CSS3 свойство font-size указывает размер шрифта
/* синтаксис
font-size: абсолютный размер | относительный размер | значение | проценты |
inherit */
p { /* размер относительно размера шрифта родителя в CSS-единацах измерения */
font-size: 100%;
}
span { /* точный размер шрифта в CSS-единацах измерения */
font-size: 14px;
}
div { /* эквивалентно font size="2" (относительно настроек браузера) */
font-size: small;
}
- font-size-adjust (Востребовано)
- font-stretch (Востребовано)
- font-style (Востребовано)
- CSS3 свойство font-style указывает стиль шрифта
/* синтаксис
font-style: normal | italic | oblique | inherit */
span { /* курсивное начертание */
font-style: italic;
}
p { /* косой (наклонный) шрифт */
font-style: oblique;
}
div { /* наследует значение от родителя */
font-style: inherit;
}
- font-variant (Востребовано)
- CSS3 свойство font-variant указывает вид написания строчных букв
/* синтаксис
font-variant: normal | small-caps | inherit */
p { /* малые заглавные буквы — шрифт отображается капителью */
font-variant: small-caps;
}
div { /* шрифт отображается стандартно */
font-variant: normal;
}
h1 { /* наследует значение от родителя */
font-variant: inherit;
}
- font-weight (Востребовано)
- CSS3 свойство font-weight указывает жирность текста
/* синтаксис
font-weight: bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900|inherit */
div { /* стандартный полужирный шрифт (значение = 700) */
font-weight: bold;
}
p { /* задает насыщенность шрифту элемента на 100 меньше, чем насыщенность у родителя */
font-weight: lighter;
}
p { /* наследует значение от родителя */
font-weight: inherit;
}
L- letter-spacing (Востребовано)
- CSS3 свойство letter-spacing указывает длину интервала между буквами
/* синтаксис
letter-spacing: значение | normal | inherit */
span { /* точное значение расстояния между символами */
letter-spacing: 1px;
}
span { /* обычное растояние для текущего шрифта */
letter-spacing: normal;
}
span { /* наследует значение от родителя */
letter-spacing: inherit;
}
- line-height (Востребовано)
- CSS3 свойство line-height указывает высоту строки
/* синтаксис
line-height: множитель | значение | проценты | normal | inherit */
p { /* точное значение межстрочного интервала текста */
line-height: 20px;
}
p { /* % от высоты шрифта */
line-height: 60%;
}
p { /* наследует значение от родителя */
line-height: inherit;
}
Q- quotes (Востребовано)
- Свойство quotes указывает вид кавычек
/* синтаксис
quotes: "левая кавычка" "правая кавычка" | none | inherit */
q { /* задаем вид кавычек */
quotes: "«" "»";
}
q { /* кавычки не отображаются */
quotes: none;
}
q { /* наследует значение от родителя */
quotes: inherit;
}
T- text-decoration (Востребовано)
- Свойство text-decoration указывает вид оформления для элемента
/* синтаксис
text-decoration: [ blink | line-through | overline | underline ] | none | inherit */
div { /* подчеркнутый текст */
text-decoration: underline;
}
div { /* мигающий текст */
text-decoration: blink;
}
div { /* наследует значение от родителя */
text-decoration: inherit;
}
- text-indent (Востребовано)
- Свойство text-indent указывает отступ первой строки
/* синтаксис
text-indent: значение | проценты | inherit */
p { /* устанавливает величину отступа первой строки блока текста */
text-indent: 10px;
}
p { /* отступ первой строки вычисляется в зависимости от ширины блока */
text-indent: 10%;
}
p { /* наследует значение родителя */
text-indent: inherit;
}
- text-transform (Востребовано)
- Свойство text-transform указывает использование строчных или прописных букв при отображении текста.
/* синтаксис
text-transform: capitalize | lowercase | uppercase | none | inherit */
p { /* каждое слово будет начинаться с заглавной буквы */
text-transform: capitalize;
}
p { /* все символы будут строчными (нижний регистр) */
text-transform: lowercase;
}
p { /* наследует значение от родителя */
text-transform: inherit;
}
U- unicode-bidi (Востребовано)
- Свойство unicode-bidi указывает как отображать направление текста.
/* синтаксис
unicode-bidi: normal | embed | bidi-override | inherit */
p { /* меняется порядок символов в тексте, подчиняясь значению в свойстве direction */
direction: rtl;
unicode-bidi: bidi-override;
}
p { /* браузер самостоятельно определяет, как ему следует отображать текст */
direction: rtl;
unicode-bidi: normal;
}
p { /* наследует значение от родителя */
direction: rtl;
unicode-bidi: inherit;
}
W- white-space (Востребовано)
- Свойство white-space указывает как обрабатывать пробельные символы.
/* синтаксис
white-space: normal | nowrap | pre | pre-line | pre-wrap | inherit */
p { /* автоматический перевод игнорируется, текст отображается одной строкой */
white-space: nowrap;
}
p { /* препятствует браузерам делать переносы строк */
white-space: pre-wrap;
}
p { /* наследует значение от родителя */
white-space: inherit;
}
- word-spacing (Востребовано)
- Свойство word-spacing устанавливает величину пробела между словами
/* синтаксис
word-spacing: значение | normal | inherit */
p { /* точное значение расстояния между словами */
word-spacing: 5px;
}
p { /* обычное растояние для текущего шрифта и настроек браузера */
word-spacing: normal;
}
p { /* наследует значение от родителя */
word-spacing: inherit;
}
- writing-mode (Востребовано)
- Свойство writing-mode указывает направление текста на странице
/* синтаксис
writing-mode: lr-tb | rl-tb | lr-bt | rl-bt | tb-rl | bt-rl | tb-lr | bt-lr | inherit */
#ramechNetBox1 { /* направление текста слева направо, сверху вниз внутри текстового блока */
writing-mode: lr-tb;
}
#ramechNetBox2 { /* направление текста справа налево, сверху вниз внутри текстового блока */
writing-mode: rl-tb;
}
#ramechNetBox3 { /* направление текста слева направо, снизу вверх внутри текстового блока */
writing-mode: lr-bt;
}
#ramechNetBox4 { /* направление текста справа налево, снизу вверх внутри текстового блока */
writing-mode: rl-bt;
}
#ramechNetBox5 { /* направление текста сверху вниз, справа налево внутри текстового блока */
writing-mode: tb-rl;
}
#ramechNetBox6 { /* направление текста снизу вверх, справа налево внутри текстового блока */
writing-mode: bt-rl;
}
#ramechNetBox7 { /* направление текста сверху вниз, слева направо внутри текстового блока */
writing-mode: tb-lr;
}
#ramechNetBox8 { /* направление текста снизу вверх, слева направо внутри текстового блока */
writing-mode: bt-lr;
}
#ramechNetBox9 { /* положение текста определяется значением родительского контейнера */
writing-mode: inherit;
}
|