Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

HTML Справочник


HTML Теги



HTML Тег <summary>



Пример

Использование элемента <summary>:

<details>
  <summary>Центр Эпкот</summary>
  <p>Эпкот - это тематический парк на курорте Уолт Дисней с захватывающими аттракционами, международными павильонами, отмеченными наградами фейерверками и сезонными специальными мероприятиями.</p>
</details>
Попробуйте сами »


Определение и использование <summary>

Тег <summary> определяет видимый заголовок для элемента <details>. По заголовку можно щелкнуть, чтобы просмотреть/скрыть детали.

Примечание: Тег <summary> должен быть первым дочерним элементом элемента <details> element.


Поддержка браузеров <summary>

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.

Элемент
<summary> 12.0 79.0 49.0 6.0 15.0

Глобальные атрибуты <summary>

Тег <summary> также поддерживает Глобальные атрибуты в HTML.


События атрибутов <summary>

Тег <summary> также поддерживает События атрибутов в HTML.


Еще примеры <summary>

Пример

Используйте CSS для стилизации & lt;details> и <summary>:

<html>
<style>
details > summary {
  padding: 4px;
  width: 200px;
  background-color: #eeeeee;
  border: none;
  box-shadow: 1px 1px 2px #bbbbbb;
  cursor: pointer;
}

details > p {
  background-color: #eeeeee;
  padding: 4px;
  margin: 0;
  box-shadow: 1px 1px 2px #bbbbbb;
}
</style>
<body>

<details>
  <summary>Центр Эпкот</summary>
  <p>Эпкот - это тематический парк на курорте Уолт Дисней с захватывающими аттракционами, международными павильонами, отмеченными наградами фейерверками и сезонными специальными мероприятиями</p>
</details>

</body>
</html>
Попробуйте сами »

Связанные страницы <summary>

HTML DOM Справочник: Объект Summary


Настройки CSS по умолчанию <summary>

Большинство браузеров будут отображать элемент <summary> со следующими значениями по умолчанию:

summary {
  display: block;
}


×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.