<dd>
Opis lub wartość przypisana do nazwy `<dt>` w liście opisowej.
- Wyświetlanie
- block
- Znacznik zamykający
- Wymagany
- Dozwolona zawartość
- Treść przepływu (flow content)
Przykład
#<dl>
<dt>Mentor</dt>
<dd>Doświadczony programista, który sprawdza Twoje projekty.</dd>
<dd>Podpowiada, gdy utkniesz na trudnym zadaniu.</dd>
<dt>Projekt końcowy</dt>
<dd>Samodzielnie zbudowana strona, którą dodasz do portfolio.</dd>
</dl>Definicja i zastosowanie
#Element <dd> (od description details) zawiera opis, definicję albo wartość dla poprzedzającego go <dt>. Może zawierać dowolną treść przepływu: akapity, listy, obrazy czy linki.
Jednej nazwie możesz przypisać kilka elementów <dd>, na przykład kilka znaczeń słowa albo kilka technologii w opisie kursu. Przeglądarka domyślnie odsuwa opisy od lewej krawędzi o 40 pikseli.
To odsunięcie jest tylko domyślnym stylem. Jeśli układasz listę opisową w dwóch kolumnach, zwykle od razu zerujesz margines: dd { margin: 0; }.
Składnia
#<dd>opis</dd>Atrybuty
#Ten element nie ma własnych atrybutów. Obsługuje atrybuty globalne, takie jak class, id czy hidden.
Domyślny CSS
#Większość przeglądarek wyświetla ten element z takimi stylami domyślnymi:
dd {
display: block;
margin-inline-start: 40px;
}Obsługa przeglądarek
#Szeroko dostępne
Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.
- Chrome
- Edge
- Firefox
- Safari
Dobre praktyki
#<dd>nie może stać samodzielnie. Zawsze jest częścią<dl>i następuje po<dt>albo po innym<dd>.- Nie używaj
<dd>do robienia wcięć w zwykłym tekście. Odsunięcie ustawisz w CSS właściwościąmargin-inline-startlubpadding-inline-start.
Powiązane hasła
#Widzisz błąd albo brakuje przykładu? Napisz do nas.