logo

Како подвући текст у ЦСС-у?

ЦСС својство декорације текста: -

Подвлачење се може користити за истицање важног текста. У елемент и ЦСС својство декорације текста су две најчешће коришћене технике за подвлачење текста на веб страницама.

Оба су једноставна за коришћење, али елемент У нуди семантичку вредност значењу. Други се може приказати на захтев, што олакшава промену стања подвлачења једноставним додавањем ЦСС класа у текст.

Питање је да ли су подвлачења корисна за изражавање значења или приступачности или не. Подвлачења су природан приступ који нуди већу вредност корисничког искуства када сама боја није довољна за изражавање значења.

Атрибут тект-децоратион нуди алтернативни начин за подвлачење текста. Текст са хипервезом се такође може користити за замену подвлачења прецртаним.

Прецртавање је супротно од подвлачења. Линија се додаје на врх текста.

Можемо користити све подвучене и прецртане вредности за исту дефиницију класе. Својство тект-децоратион управља начином на који се текст представља на неколико начина. Када је декорација текста подешена на подвлачење, текст унутар компоненте је подвучен.

Декорација текста ЦСС својства су фантастична за текст, али могу бити ограничена у смислу дизајна и нису применљива на типове садржаја који нису текстуални. Подвлачења се такође могу креирати помоћу ЦСС атрибута границе.

претворити стринг у јсон јава

Атрибут тект-децоратион је најосновнији начин за подвлачење текста. Најзначајнији недостатак декорације текста је то што се не може конфигурисати.

Својство тект-децоратион користи подвлачење, прецртавање, пролаз кроз линију или комбинацију линија за истицање изабраног текста.

Садржај је подвучен помоћу атрибута тект-децоратион-лине. Прецртавање, подвлачење и превођење су три опције за овај атрибут. У ЦСС-у, атрибут ундерлине се користи за истицање текста. Подвлачење је нацртано испод инлине текста са овом вредношћу.

Преко потомака текстуалних елемената цртају се текстуални украси. То имплицира да када елемент дефинише декорацију текста, декорацију не може уклонити подређени елемент.

мвц за јава

Нема нацртане линије, а сви постојећи украси се бришу.

Подвући: линија од 1пк се повлачи преко основне линије текста.

кроз линију: у 'средњој' тачки текста, умеће линију од 1пк преко њега.

Оверлине: додаје линију од 1пк директно изнад 'горње' тачке текста преко текста.

наследити: наслеђује родитељско одликовање.

Декорација текста се специфицира кроз својство тект-децоратион, што је скраћена карактеристика за:

  • тект-децоратион-лине (обавезно)
  • текст-декорација-боја
  • текст-украс-стил
  • текст-декорација-дебљина

прецртавање, подвлачење, подвлачење-прецртавање, линија-кроз долази под ред-украса текста.

Чврста, тачкаста, испрекидана, таласаста, двострука спада у стил декорације текста.

Боја у децималној вредности, хексадецималној вредности или наслеђивању долази под тект-децоратион-цолор.

Својство дна ивице је алтернатива декорацији текста. Такође можемо да користимо дно ивице да обезбедимо паддинг.

приоритетни ред јава

Синтакса: -

 text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness 

Хајде сада да потражимо пример и разумемо употребу својства декорације текста.

Текст-декорација: подвучена линија

Пример: -

 h1 { text-decoration: underline overline dotted purple; } h3 { text-decoration: underline wavy cyan 10px;} <h2>This is an example of text decoration property color using underline overline. </h2> <h3>This is an example of text decoration property color using line-through. </h3> 

Излаз:

Како подвући текст у ЦСС-у?