Kuinka tehdä ristikkäisen tekstin CSS: ssä

CSS: n avulla voit tuottaa monenlaisiakoko sivun koristekuvioihin liittyvät toiminnot. Erityistä huomiota kiinnitetään tekstiin, joka useimmiten täyttää useimmat sivustot. Tänään me harkitsemme mielenkiintoisen omaisuuden: yliviivattu, alleviivattu ja ristisoitu teksti. Kaikki nämä vaikutukset asetetaan käyttämällä yhtä CSS-sääntöä.

toimeksianto

CSS: n tekstiä voidaan korostaa ja ylittää tekstilläkäyttäen komentoa "text-decoration". Vaikutus riippuu määritetystä arvosta. CSS: n tarkoituksena oli erottaa sivun looginen ja rakenteellinen osa. Mutta ennen CSS-tyyliarkkien ulkoasua käytettiin HTML-tunnisteita, joilla oli samanlainen merkitys. Esimerkiksi elementti, kuten <strike>, antaa sinun lähteä läpipääsytekstistä. Nyt tätä tunnistetta pidetään epätoivottavana, ja sen käyttäminen tekee sivukoodisi automaattisesti virheelliseksi. Vaikka kaikki nykyaikaiset selaimet tukevat tätä elementtiä <strike>, jotkut kehittäjät käyttävät sitä. Mutta takaisin CSS: hen. Komennolla "text-decoration" voi olla seuraavat arvot:

• Alleviivata. Määritä tämä arvo, saat alleviivattua tekstiä.
• Overline. Rivi kulkee tietyn sivun läpi.
• Linja-kautta. Luo ylivuorovaikutelman tai läpipääsyn tekstin.
• Vilkkuvat. Dokumentin valittu kappale katkeaa määräajoin ja ilmestyy uudelleen.
• Myös arvot ovat "none" ja "inherit". Ensimmäinen poistaa kaikki vaikutukset, ja toiset tilaukset perivät vanhemman elementin ominaisuuden.

kohtalo

Näyttäisi siltä, ​​että CSS: ssä ristitettiin teksti jaSamanlaiset vaikutukset palvelevat vain koristella tekstiä. Useimmissa tapauksissa tämä toteamus on totta. Mutta joskus kannattaa harkita kysymystä: mitkä olivat elementit? Esimerkiksi jo vanhentunutta tagia "lakko" käytettiin viittaamaan vääriin tai vanhoihin tietoihin. Lukijat, nähdessään ristitetyn tekstin, ymmärtävät tämän merkinnän piilotetun merkityksen. Alleviivatut sanat erotetaan aina välittömästi yleisestä virtauksesta. Siksi tätä vaikutusta on käytettävä tärkeiden tietojen korostamiseen. Merkitys «vilkkuvat», mikä tekee vilkkuvan tekstin käytetään harvoin tällainen vaikutus pidetään hyväksyttävissä keskuudessa ohjelmoijia. Loppujen lopuksi harvat lukijoista pitävät villinä symboleja, jotka häiritsevät jatkuvasti niitä. No, "ylivuoren" arvoa käytetään vain koristamaan tekstiä.

piirteet

Vaikka kaikki "teksti-decoration" -ominaisuuden arvotsisältyvät CSS-versioiden määrittelyyn, mutta nykyiset selaimet eivät tue joitain arvoja. Esimerkiksi vilkkuva teksti ei näy IE: ssä. Google Chrome ei hyväksy tiettyjä arvoja. Mobiililaitteet tukevat tätä toimintoa riittämättömästi.

johtopäätös

Vaikutukset, kuten yliviivattu teksti ja muutsamankaltaisia ​​arvoja käytetään melko usein Internetissä. Niiden avulla voit ilmaista kirjoittajan ajatuksen oikein ja auttaa lukijoiden huomion keskittämistä tekstin haluttuun osaan. Mutta älä ole liian innokas, ja aina kun mahdollista soveltaa omaisuutta "tekstin koristeluun". Loppujen lopuksi tekstin liiallinen koristelu voi vahingoittaa sinua ja lukijoita.