Увод у ЦСС форматирање текста
Претходних дана сте били ограничени да представљате текст помоћу старе верзије ЦСС-а. Имали сте ознаку да бисте променили сенку и слово текста, али мерење је ометано коришћењем унапред окарактерисаних димензија текста. Различити утицаји попут интензитета и пробијања могли су се замислити у само темељним структурама уз помоћ ХТМЛ ознака. Тренутно, корисник може користити разне својства форматирања ЦСС текста да би распоредио текст на веб страницама на његов начин.
У овом поглављу ћете видети бројна својства форматирања ЦСС текста. ЦСС својства форматирања текста користе се за дизајн текста, обликовање текста, описивање неколико стилова форматирања итд. Својства омогућавају визуелни приказ знакова, размака, речи, одломака и многих других.
Листа својстава форматирања текста ЦСС-а:
Детаљи начина форматирања текста у ЦСС-у: -
1) Боја текста
Ово својство се може користити за промену боје текста. Може се дефинисати коришћењем својства боје.
Пример : Илустрација боје текста
CSS Text Color Property
Здраво Свете….
Поздрав ЕДУЦБИ …
Приказаће се следећи излаз:
2) Поравнавање текста
Ово својство се може користити за промену хоризонтале текста. То се може дефинисати коришћењем левих, десних, срединских и оправданих својстава.
Пример : Илустрација поравнања текста
Text Alignment Property
Здраво Свете…
Добродошли у ЕДУЦБА …
Едукативни консултант …
Приказаће се следећи излаз:
3) Декорација текста
Ово својство се може користити за украшавање текста. Може се дефинисати коришћењем подвлачења, подвлачења, својстава линија.
Пример : илустрација украшавања текста
Text DecorationProperty
Здраво Свете…
Добродошли у ЕДУЦБА …
Едукативни консултант …
Приказаће се следећи излаз:
4) Трансформација текста
Ово својство се може користити за промену малих слова текста. Може се дефинисати коришћењем великих и малих слова, великих и малих слова.
Пример : Илустрација трансформације текста
Text Transformation Property
Здраво Свете…
Добродошли у едуцба …
Едукативни консултант …
Приказаће се следећи излаз:
5) Увлачење текста
Ово својство се може користити за увлачење првог реда текста. Може се дефинисати коришћењем пк, цм, пт својстава.
Пример : Илустрација увлачења текста
Text Indentation Property
Здраво Свете…
Добродошли у Едуцба …
Едукативни консултант …
Приказаће се следећи излаз:
6) Размак речи
Овим својством можете користити простор између речи. Може се дефинисати коришћењем својства размака речи.
Пример : Илустрација размака речи
Word Spacing Property
Здраво Свете…
Добродошли у Едуцба …
Едукативни консултант …
Приказаће се следећи излаз:
7) Размак слова
Овим својством можете користити простор између знакова. Може се дефинисати коришћењем својства размака слова.
Пример : Илустрација размака слова
Letter Spacing Property
Здраво Свете…
Добродошли у Едуцба …
Едукативни консултант …
Приказаће се следећи излаз:
8) Висина линија
Овим својством можете користити простор између линија. Може се дефинисати коришћењем својства висине линија.
Пример : илустрација висине линија
Line Height Property
h3
(
line-height:2.5;
)
h4
(
line-height:150%;
)
ЕДУЦБА (Цорпорате Бридге Цонсултанци Пвт Лтд) је а
водећи светски добављач образовања заснованог на вештинама
У едуЦБА-у је за нас поносно учинити посао оријентисаним
пружити курсеве доступне свима, било када и било где.
Приказаће се следећи излаз:
9) Смјер текста
Ово својство се може користити за промену смера текста. Може се дефинисати коришћењем ртл својства. Поставља правац удесно надесно.
Пример : Илустрација смера текста
Text Direction Property
Хелло Ворлд … Добродошли у Едуцба …
Приказаће се следећи излаз:
10) Текст-сенка
Ово својство се може користити за давање сенке за текст. Може се дефинисати коришћењем својства тект-схадов. Користи компоненте као што су леви положај, горњи положај, величина замућења, назив боје.
Пример : Илустрација сјенке текста
Text Shadow Property
h3
(
text-shadow:3px 3px 2px lightblue;
)
h4
(
text-shadow:3px 3px 2px plum;
)
Хелло Ворлд … Добродошли у ЕДУЦБА …
ЕДУЦБА (Цорпорате Бридге Цонсултанци Пвт Лтд) је образовање засновано на вештинама
Приказаће се следећи излаз:
11) Емс
Ово је скалабилна јединица за димензионирање. Ово својство ем се може користити за дефинисање величине текста према околном тексту. Задана величина текста је 1ем, што је једнако 12пт. 2ем је једнак 24пт и тако даље.
Пример : Илустрација својства емс
Ems Property
h3
(
font-size: 0.8em;
)
h4
(
font-size: 1.2em;
)
Хелло Ворлд … Добродошли у ЕДУЦБА …
ЕДУЦБА (Цорпорате Бридге Цонсултанци Пвт Лтд) је образовање засновано на вештинама
Приказаће се следећи излаз:
12) Породица фонтова
Ово својство се користи за пружање различитих врста породица фонтова за изабрани текст. На пример, Хелветица, Цалибри, Ариал, Санс-сериф, Тимес, Цоуриер Нев, итд.
Пример : Илустрација породице породице фонтова
Font Family Property
Здраво Свете…
Добродошли у Едуцба …
Едукативни консултант …
Приказаће се следећи излаз:
Закључак
До сада смо проучавали начине обликовања текста у ЦСС-у. Могли бисте видети да је текст представљен са различитим врстама својстава форматирања текста. Ова својства су врло важни аспекти ЦСС-а за приказивање текста на веб страници како би корисници или читаоци могли да привуку када виде ваш текст на веб локацији. Искористите ове текстуалне особине врло лако и ефикасно на веб страницама.
Препоручени чланци
Ово је водич за ЦСС обликовање текста. Овде смо детаљно разговарали о уводу и листи својстава форматирања ЦСС текста са примерима примера кода и правилним исписом. Можете и да прођете кроз друге наше предложене чланке да бисте сазнали више -
- Шта је ЦСС?
- САСС вс ЦСС
- ЦСС команде
- ЦСС3 питања за интервју