Пример аккордеона с использованием тегов dt, dl, dd

Пример аккордеона с использованием тегов dt, dl, dd

HTML тег <dd> (Definition Description) используется совместно с тегами <dl> и <dt> при создании списка определений. Он определяет описание к термину и должен быть расположен после тега <dt> (определяет термин).

Тег <dd> является блочным элементом и может содержать в себе любые другие элементы, включая другие списки, абзацы, картинки, ссылки и т.д.

По умолчанию при отображении списков определений, термины располагаются вплотную к левому краю родительского элемента, а описание имеет отступ с левой стороны. Однако стоит учитывать, что различные браузеры могут по разному позиционировать элементы списка.

Используется: HTML / CSS (Stylus) / JavaScript

Codepen: Demo

See the Pen #CodepenChallenge dt dd: Primer Accordion by Gabriele Corti (@borntofrappe) on CodePen.

От пользователей

Nour Saud 08.02.2020
Классная кнопка с эффектом по клику в...
Jason Yeung 05.01.2020
Блок для ввода текста с анимацией приведения.
Michellebarker 19.12.2019
Интересная реализация меню с помощью SVG...
Comehope 16.12.2019
Мерцающий Неоновый Текст на чистом CSS...

Ваш Материал

Ваша Фантазия! Ваши Идеи!
CONTACT INFO : +62 81 314 928 595

Обратная связь

Ваше сообщение было успешно отправлено

Поддержи проект! nB всегда с вами!