/ / Kuinka tehdä ristikkäisen tekstin CSS: ssä

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öä.

strikeout-tekstiä

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.

ylittää tekstin

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. Vilkkuva teksti "vilkkuu", jota käytetään melko harvoin, koska ohjelmoijien keskuudessa sitä pidetään tällaisena ei-hyväksyttävänä vaikutuksena. Loppujen lopuksi harvat lukijoista pitävät villinä symboleja, jotka häiritsevät jatkuvasti niitä. No, "ylivuoren" arvoa käytetään vain koristamaan tekstiä.

css strikeout

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 muutsamanlaisia ​​arvoja käytetään usein Internetissä. Niiden käytöllä voit ilmaista oikein kirjoittajan keskeisen käsityksen ja auttaa lukijoita kiinnittämään huomiota tarvittavaan osaan tekstistä. Mutta älä ole liian innokas ja jokaisella mahdollisuudella soveltaa "tekstin koristeluun" liittyvää omaisuutta. Loppujen lopuksi tekstin tarpeeton koristelu voi vahingoittaa sinua ja lukijoita.

Lue lisää: