Атрибут border тега <frameset>
Описание
Атрибут border управлял толщиной границ между фреймами в элементе <frameset>. Это устаревший атрибут, который использовался в HTML4 вместе с frameborder для контроля внешнего вида разделителей фреймов.
<frameset cols="30%,70%" border="5" frameborder="1">
<frame src="nav.html">
<frame src="content.html">
</frameset>
Особенности атрибута:
| Характеристика | Описание |
|---|---|
| Тип значения | Число (пиксели) |
| Рабочий диапазон | Обычно 0-20px |
| Зависимость | Требует frameborder="1" |
| Цвет границы | Определялся браузером (обычно серый) |
Современные CSS-аналоги:
<div class="modern-layout">
<aside>Панель навигации</aside>
<main>Основной контент</main>
</div>
<style>
.modern-layout {
display: grid;
grid-template-columns: 30% 70%;
border-right: 5px solid #ccc; /* Правая граница */
border-left: 5px solid #ccc; /* Левая граница */
}
/* Альтернатива с gap и фоновым цветом */
.modern-layout-alt {
display: grid;
grid-template-columns: 30% 70%;
gap: 5px;
background: #ccc; /* Цвет разделителя */
}
.modern-layout-alt > * {
background: white;
}
</style>
Критические недостатки:
- Устарел вместе с элементом
<frameset> - Ограниченный контроль над цветом и стилем границ
- Не поддерживается в HTML5
- Невозможность создания адаптивных границ
Рекомендации по замене:
- Используйте CSS-свойства
borderиoutline - Применяйте
box-shadowдля сложных эффектов - Используйте псевдоэлементы для кастомных разделителей
- Реализуйте резиновые границы с JavaScript
Пример продвинутой стилизации:
<div class="advanced-layout">
<div class="panel">Левая панель</div>
<div class="panel">Правая панель</div>
</div>
<style>
.advanced-layout {
display: flex;
}
.panel {
flex: 1;
position: relative;
}
.panel:first-child::after {
content: "";
position: absolute;
right: 0;
top: 10%;
height: 80%;
width: 5px;
background: linear-gradient(to bottom, #ccc, #fff);
cursor: col-resize;
}
</style>
Примечание: Современные CSS-техники позволяют создавать гораздо более сложные и адаптивные границы между элементами, чем устаревший атрибут border в <frameset>, включая градиенты, анимации и интерактивные разделители.