Span-elementti

Elementti span mahdollistaa tekstin osan korostamisen. Elementti itsessään ei tee mitään, mutta yhdessä attribuuttien class, id tai style kanssa se mahdollistaa CSS:n kautta viittaamisen tekstille, joka sijaitsee sen sisällä (esimerkiksi tekstin värin muuttamiseksi, sen koon muuttamiseksi ja niin edelleen).

Esimerkki

Korostetaan tekstin pala käyttämällä elementtiä span, mutta jätetään se samanlaiseksi kuin tavallinen teksti (koska tälle spanille ei ole asetettu CSS-tyylejä):

htmlthis is <span>text inside span</span>

Результат:

Esimerkki

Yritetään nyt asettaa elementille span punainen väri käyttämällä attribuuttia style:

htmlthis is <span style="color: red;">text inside span</span>,
and this is outside:)

Результат:

Katso myös