HTML <summary> టాగ్

  • ముంది పేజీ <sub>
  • తదుపరి పేజీ <sup>

定义和用法

<summary> 标签为 <details> 元素 定义了一个可见的标题。点击标题可以查看/隐藏详细信息。

注意：<summary> 元素应该是 <details> 元素 的第一个子元素。

另请参阅：

HTML DOM 参考手册：Summary 对象

实例

例子 1

使用 <summary> అంశం:

<details>
  <summary>భవిష్యత్ ప్రపంచ కేంద్రం (Epcot Center)</summary>
  <p>Epcot అనేది వాల్ట్ డిజ్నీ వరల్డ్ రిజర్వేషన్స్ లో థీమ్ పార్క్, ఆకర్షణీయమైన ప్రదేశాలు, అంతర్జాతీయ ప్రదర్శనలు, పురస్కారాలు గెలుచుకున్న మొర్న్ అండ్ సీజనల్ కార్యక్రమాలు కలిగి ఉంది.</p>
</details>

స్వయంగా ప్రయత్నించండి

例子 2

使用 CSS 设置 <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>భవిష్యత్ ప్రపంచ కేంద్రం (Epcot Center)</summary>
  <p>Epcot అనేది వాల్ట్ డిజ్నీ వరల్డ్ రిజర్వేషన్స్ లో థీమ్ పార్క్, ఆకర్షణీయమైన ప్రదేశాలు, అంతర్జాతీయ ప్రదర్శనలు, పురస్కారాలు గెలుచుకున్న మొర్న్ అండ్ సీజనల్ కార్యక్రమాలు కలిగి ఉంది.</p>
</details>
</body>
</html>

స్వయంగా ప్రయత్నించండి

గ్లోబల్ అట్రిబ్యూట్స్

<summary> టాగ్ కూడా క్రింది ఇవెంట్ అట్రిబ్యూట్స్ ను మద్దతు ఇస్తుంది HTML లో గ్లోబల్ అట్రిబ్యూట్స్.

ఇవెంట్ అట్రిబ్యూట్స్

<summary> టాగ్ కూడా క్రింది ఇవెంట్ అట్రిబ్యూట్స్ ను మద్దతు ఇస్తుంది HTML లో ఇవెంట్ అట్రిబ్యూట్స్.

అప్రమేయ సిఎస్ఎస్ సెట్టింగ్స్

అత్యంత బ్రౌజర్లు క్రింది మూలధన విలువను ఉపయోగిస్తాయి <summary> అంశం:

summary {
  display: block;
}

బ్రౌజర్ మద్దతు

ఈ పట్టికలో గాను ఈ అట్రిబ్యూట్ను పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ సంఖ్య పేర్కొనబడింది.

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
12.0 79.0 49.0 6.0 15.0
  • ముంది పేజీ <sub>
  • తదుపరి పేజీ <sup>