Autor publikacji: Virtual Patriot - Administrator

class

Data publikacji: Kwiecień 09 2016
Ostatnio edytowano: Grudzień 28 2024

Zobacz również: w3.org - the class attribute (HTML5.2)

Przeznaczenie atrybutu `class`

Za pomocą atrybutu class możemy określić, jaka nazwa klasy powinna zostać przypisana do interesującego nas elementu HTML.

Wartość domyślna: brak wartości domyślnej

Wartości atrybutu `class`

nazwa klasy: Należy podać ciąg znaków, który chcemy, aby został wykorzystany przez przeglądarkę internetową do określenia interesującej nas nazwy klasy.

Przykładowy Kod HTML

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Darmowy Kurs HTML</title> <style>.akapit { background-color:orange; }</style> </head> <body> <p> Przykładowa treść pierwszego elementu "p". </p> <p class="akapit"> Przykładowa treść drugiego elementu "p". </p> <p> Przykładowa treść trzeciego elementu "p". </p> </body> </html>

Rezultat

Przykładowa treść pierwszego elementu "p".

Przykładowa treść drugiego elementu "p".

Przykładowa treść trzeciego elementu "p".

Nazwą klasy, jaka została przypisana do drugiego przykładowego elementu "p", jest nazwa "akapit", ponieważ do wspomnianego elementu "p" został dodany atrybut "class" wraz z wartością "akapit".
kombinacja wartości: Możemy podać kilka wartości, oddzielonych od siebie przynajmniej jednym znakiem spacji, dzięki czemu do danego elementu HTML zostanie przypisanych kilka docelowych nazw klasy jednocześnie.

Przykładowy Kod HTML

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Darmowy Kurs HTML</title> <style> .drugi { font-size:2em; } .akapit { background-color:orange; } </style> </head> <body> <p class="akapit"> Przykładowa treść pierwszego elementu "p". </p> <p class="drugi akapit"> Przykładowa treść drugiego elementu "p". </p> <p class="akapit"> Przykładowa treść trzeciego elementu "p". </p> </body> </html>

Rezultat

Przykładowa treść pierwszego elementu "p".

Przykładowa treść drugiego elementu "p".

Przykładowa treść trzeciego elementu "p".

Nazwą klasy, jaka została przypisana do drugiego przykładowego elementu "p", jest nazwa "drugi" oraz nazwa "akapit", ponieważ do wspomnianego elementu "p" został dodany atrybut "class" wraz z następującą kombinacją wartości: "drugi akapit".