Шаблон:Тест список

Материал из Викип
Версия от 15:51, 31 января 2021; Diogen (обсуждение | вклад)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

<style> .treeHTML {

 line-height: normal;

} .treeHTML details {

 display: block;

} .treeHTML div {

 position: relative;
 margin: 0 0 0 .5em;
 padding: 0 0 0 1.2em;

} .treeHTML div:not(:last-child) { /* необязательно */

 border-left: 1px solid #ccc;

} .treeHTML div:before { /* необязательно */

 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 1.1em;
 height: .5em;
 border-bottom: 1px solid #ccc;

} .treeHTML div:last-child:before { /* необязательно */

 border-left: 1px solid #ccc;

} .treeHTML summary { /* стилями можно задать любую форму, например, тот же плюс. Я специально не стала усложнять, чтобы можно было проще разобраться в коде */

 position: absolute;
 top: 0;
 left: 0;
 cursor: pointer;

} .treeHTML details[open] summary { /* убрать рамку при фокусе */

 outline: none;

} </style> </head> <body>

Сайт
Блог
   <details><summary></summary>
HTML
CSS
JavaScript
   </details>
Контакты