Kuidas rakendada tekstikaunistamist CSS-i abil

Dokumendi või teksti allajoonimist peetakse alati lihtsaks. Kuid kui kaaluda veebisaitide juhtumit, kas see on veel lihtne? Enamik meist ütleks jah, kuid horisontaaljoone tegemine koos mõne kohandatud kujundusega muudab selle lihtsa ülesande väsitavaks. Alustage CSS-i abil teksti kaunistamise teekonda järgmisel viisil:

• Mis on teksti kaunistamine?
• CSS-i tekstikaunistuste tüübid
• Teksti kaunistamine CSS-i abil: kood
• Teksti kaunistamine vahele

Mis on teksti kaunistamine?

See määrab tekstile dekoratiivsete joonte välimuse. See on lühike vara:

• tekstikaunistus-rida
• tekst-kaunistus-värv
• teksti kaunistamise stiil

See on määratud ühe või mitme tühikuga eraldatud väärtusena, mis tähistab pikki käsi text-kaunistamise omadused.

Süntaks:

teksti kaunistamine: || ||

Kus

• tekstikaunistus-rida: Seda kasutatakse sellise kaunistuse määramiseks naguallajoonimine, ülejoonimine ja läbimine.

• teksti kaunistamine-värv:Seda kasutatakse kaunistuse värvi määramiseks.

  
  
  

• teksti kaunistamise stiil: Seda kasutatakse joone stiili määramiseks, näitekstahke, laineline, täpiline, katkendlik, topelt

  mis on hadoopis sqoop

CSS-i tekstikaunistuste tüübid

• Overline:

#decoration {text-decoration: overline}

• Läbivool:

#decoration {text-decoration: line-through}

• Allakriipsutamine:

#decoration {text-decoration: underline}

• Kombinatsioon:

#decoration {text-decoration: allajoonitud joone läbiv joon}

Väljund:

Teksti kaunistamine CSS-i abil: kood

Kood:

CSS-kood:

#overline {tekstikaunistus: laineline ülejooneline lubi} #underover {tekstikaunistus: katkendlik allajoonitud ülejoon}} täpiline {tekstikaunistus: allajoonitud joonjoon punane} #laineline {tekstikaunistus: laineline laine}

Väljund:

Teksti kaunistamine vahele

Atribuuti, mida nimetatakse teksti kaunistamiseks-vahele jätmiseks, saab kasutada ka siis, kui tekst on ülejoonitud, läbiv ja allajoonitud. See aitab teksti kaunistada. See lihtsalt täpsustab, kuidas joonistatakse üle- ja allajoon, kui nad ületavad tõusjaid ja laskunuid.

#decoration {text-decoration-skip: ink}

Teksti kaunistamise vahelejätmistega saab kasutada järgmisi väärtusi:

• objektid : (vaikimisi) joon jätab vahele siseobjektid, näiteks pildid või tekstibloki elemendid.

• mitte ühtegi : joon ületab kõik.

• tühikud : kaunistusjoon jätab vahele tühikud, sõnaeraldaja tähemärgid ja kõik tähtedevahega või sõnaruumidega määratud tühikud.

• tint : dekoratsioonijoon jätab vahele tähestikud, järeltulijad või tõusjad.

• servad : kaunistusjoon algab veidi pärast sisu algusserva ja lõpeb veidi enne sisu lõppserva.

• kasti kaunistamine : kaunistusjoon jätab üle päritud veerise, ääre ja polsterduse.

Kuna seda atribuuti ei toeta ükski brauser, pole demot, kuid siin on alloleval pildil näide selle kohta, kuidas kõik väärtused võiksid välja näha, kui teksti kaunistamine-vahelejätmine on rakendatud.

Sellega jõuame selle CSS-i blogi abil teksti kaunistamise lõppu. Kui teil on selle teemaga seoses küsimusi, jätke palun allpool kommentaar ja võtame teiega ühendust.

Vaadake meie mis on varustatud juhendajate juhitud elava koolituse ja reaalse elu projektikogemusega. See koolitus võimaldab teil omandada oskusi, mis võimaldavad töötada tagumise ja esiotsa veebitehnoloogiatega. See sisaldab koolitust veebiarenduse, jQuery, Angular, NodeJS, ExpressJS ja MongoDB kohta.

sortimismeetod c ++

Kas teil on meile küsimus? Palun mainige seda ajaveebi „Teksti kaunistamine CSS abil” kommentaaride osas ja me võtame teiega ühendust.