Почему не работает border bottom

Border не работает

Возникла проблема,свойство бордер не работает , подскажите что делаю не так.

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Border не работает
CSS подключила, задала border цвет, но не отображается, я понимаю, что где-то маленькая ошибка, но.

Border-radius не работает
Есть сайт с html: .

Border-collapse не работает
Здравствуйте! В стилях, для таблицы указан коллапс, но сколлапсировались только

, а строки.

а где оно вообще у Вас прописано? Где именно не работает?

вот так для картинок бордер задаётся:

Не работает BORDER в таблице
Всем добрый день! Никак не могу решить следующую задачу. Есть таблица, в ней должна быть рамка и.

Border-image не работает
Подскажите почему может не работать на сайте border-image .dividerHeading h4 span< .

Не работает border-radius
Здравствуйте, не могу понять почему не работает border-radius.

border-bottom не работает
Здравствуйте! У меня почему-то не хочет отображать border-bottom, я его к чему хочешь применял.

Не работает border в Internet Explorer 7 и 8
Написал стандартную строчку кода в файле .css: border: 10px solid transparent;. Работает во всех.

Источник

Не работает border-bottom

#1 Виталий

Клиенты WebForMySelf

361 сообщений

Добрый вечер, очень нужна Ваша помощь в вёрстке.

Суть проблемы в том, что я убрал для ссылки с текстом «Подробнее» подчеркивание, и задал для нее же при наведении свойство border-bottom. Как ни странно, в этом случае свойство border-bottom не срабатывает, хотя для других ссылок работает. Помогите, пожалуйста, найти решение.
Ссылка «Подробнее» находится в html коде на 81 строке, если открывать в notepad++, а свойство border-bottom в css на 248 строке.

Другой вопрос в том, что для заголовка «КЛАССИЧЕСКИЕ ЛЮСТРЫ ВСЕГДА В МОДЕ» линия подчеркивания (свойство border-bottom) появляется ниже, чем нужно по макету. Хотелось бы, чтобы она была по выше.

Спасибо за помощь.

#2 Бернацкий Андрей

Администраторы

2 336 сообщений

• Город Минск

Источник

не работает border

Спросил mastermedia,
16 августа 2012

Вопрос

mastermedia

Хочу установить следующие границы для блока #header с помощью свойств. Но данные свойства не работают и не создают границы. В чем может быть проблема?

Весь HTML и CSS код:

Изменено 16 августа 2012 пользователем mastermedia

Ссылка на комментарий

Поделиться на других сайтах

Praesent eget nulla elit

Ut bibendum faucibus faucibus

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id sem justo, sed porta ante. Proin facilisis aliquet congue. Etiam egestas erat vel nunc dignissim sodales. Sed pellentesque, risus eu sagittis laoreet, arcu lorem auctor magna, nec pellentesque diam lorem et augue. Pellentesque luctus gravida venenatis. Nullam vulputate, orci vitae laoreet posuere, purus nibh aliquet nisi, nec sodales risus mauris eu dolor. Vivamus eleifend lorem ac elit mollis porta. Nulla facilisi. Donec neque nisl, hendrerit nec ultrices vitae, viverra congue risus. Nunc rutrum aliquet viverra. Maecenas ut turpis lectus. Proin ut nibh urna, a blandit ipsum. Proin est ante, lobortis at elementum vitae, dignissim vel sapien. In hac habitasse platea dictumst. Cras eget nibh eros, in blandit lacus. Proin commodo justo et velit hendrerit et malesuada tortor feugiat. Lorem ipsum dolotr sit amet, consectetur adipiscing elit. Ut id sem justo, sed porta ante. Proin facilisis aliquet congue. Etiam egestas erat vel nunc dignissim sodales. Sed pellentesque, risus eu sagittis laoreet, arcu lorem auctor magna, nec pellentesque diam lorem et augue. Pellentesque luctus gravida venenatis. Nullam vulputate, orci vitae laoreet posuere, purus nibh aliquet nisi, nec sodales risus mauris eu dolor. Vivamus eleifend lorem ac elit mollis porta. Nulla facilisi. Donec neque nisl, hendrerit nec ultrices vitae, viverra congue risus. Nunc rutrum aliquet viverra. Maecenas ut turpis lectus. Proin ut nibh urna, a blandit ipsum. Proin est ante, lobortis at elementum vitae, dignissim vel sapien. CONTINUE

Vivamus neque turpis, sollicitudin sit amet sollicitudin vel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id sem justo, sed porta ante. Proin facilisis aliquet congue. Etiam egestas erat vel nunc dignissim sodales. Sed pellentesque, risus eu sagittis laoreet, arcu lorem auctor magna, nec pellentesque diam lorem et augue. Pellentesque luctus gravida venenatis. Nullam vulputate, orci vitae laoreet posuere, purus nibh aliquet nisi, nec sodales risus mauris eu dolor. Vivamus eleifend lorem ac elit mollis porta. Nulla facilisi. Donec neque nisl, hendrerit nec ultrices vitae, viverra congue risus. Nunc rutrum aliquet viverra. Maecenas ut turpis lectus. Proin ut nibh urna, a blandit ipsum. Proin est ante, lobortis at elementum vitae, dignissim vel sapien. In hac habitasse platea dictumst. Cras eget nibh eros, in blandit lacus. Proin commodo justo et velit hendrerit et malesuada tortor feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id sem justo, sed porta ante. Proin facilisis aliquet congue. Etiam egestas erat vel nunc dignissim sodales. Sed pellentesque, risus eu sagittis laoreet, arcu lorem auctor magna, nec pellentesque diam lorem et augue. Pellentesque luctus gravida venenatis. Nullam vulputate, orci vitae laoreet posuere, purus nibh aliquet nisi, nec sodales risus mauris eu dolor. Vivamus eleifend lorem ac elit mollis porta. Nulla facilisi. Donec neque nisl, hendrerit nec ultrices vitae, viverra congue risus. Nunc rutrum aliquet viverra. Maecenas ut turpis lectus. Proin ut nibh urna, a blandit ipsum. Proin est ante, lobortis at elementum vitae, dignissim vel sapien. In hac habitasse platea dictumst. CONTINUE

Источник

border-bottom

Internet Explorer		Chrome	Opera	Safari	Firefox	Android	iOS
6.0+	8.0+	1.0+	3.5+	1.0+	1.0+	1.0+	1.0+

Краткая информация

Значение по умолчанию	Зависит от использования
Наследуется	Нет
Применяется	Ко всем элементам
Ссылка на спецификацию	http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties

Версии CSS

Описание

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

Синтаксис

Значения

Значение border-width определяет толщину границы. Для управления ее видом предоставляется несколько значений свойства border-style . Их названия и результат действия представлен на рис. 1.

Рис.1. Стили рамок

border-color устанавливает цвет границы, значение может быть в любом допустимом для CSS формате.

inherit наследует значение родителя.

HTML5 CSS2.1 IE Cr Op Sa Fx

Результат данного примера показан на рис. 2.

Рис. 2. Применение свойства border-bottom

Объектная модель

[window.]document.getElementById(» elementID «).style.borderBottom

Браузеры

Браузер Internet Explorer до шестой версии включительно при толщине границы 1px отображает dotted как dashed . При толщине 2px и выше значение dotted работает корректно. Эта ошибка исправлена в IE7, но только для всех границ толщиной 1px. Если одна из границ блока имеет толщину 2px и выше, то в IE7 значение dotted превращается в dashed .

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit .

Стиль границы в разных браузерах может несколько различаться при использовании значений groove , ridge , inset или outset .

Источник

Все о свойстве border

Основы

Всем знакомо такое использование:

Это однопиксельная сплошная рамка. Немного меняем синтаксис:

Например у параметра border-width есть три параметра: thin, medium, thick:

Если необходимо менять цвет границы при наведении на объект:

Но так это реализовать проще и правильнее:

Border-Radius

border-radius — это новый параметр CSS3 для отображения закругленных углов, который корректно работает во всех современных браузерах, за исключением Internet Explorer 8 (и более старых версий).

Для каждого угла можно назначить свое закругление:

В приведенном примере необязательно назначать «0» border-top-right-radius и border-bottom-left-radius, если они не наследуют значения, которые должны быть изменены.
Всю конструкцию можно сжать в одну строку:

А вот как можно нарисовать лимон средствами CSS:

Здесь описаны самые простые и популярные примеры применения параметра border. Перейдем к более сложным.

Несколько границ

Border-Style

solid, dashed, and dotted — самые популярные значения параметра border-style, но давайте рассмотрим другие, например, groove and ridge.

Или более подробно:

Outline

Самый популярный способ создания двойной границы — это параметр outline:

Этот способ отлично работает, но ограничен созданием двойной рамки. Если вам необходимо отобразить несколько границ элемента, то необходимо использовать другую технику.

Псевдоэлементы

Можно использовать такую конструкцию:

Возможно это не самое элегантное решение, однако оно работает

Box-Shadow

Еще один способ, с применением теней:

Изменение углов

К параметру border-radius можно применять два значения, используя «/», например:

Это то же самое, что:

Эта техничка бывает полезна, если необходимо имитировать искривление, а не закругление. Например, так можно получить эффект скрученной бумаги:

CSS фигуры

В следующих примерах предполагается такая разметка:

И такой базовый css:

Наиболее частым примером использования CSS фигур является отображение стрелок. Чтобы понять, как это работает, необходимо разобраться с использованием отдельного border-color для каждой стороны и установкой значения «0» для width и height:

Или то же самое:

А теперь оставляем только синий треугольник:

Создание Speech Bubble

Наша базовая разметка:

Теперь нужно расположить стрелку-треугольник в нужном месте. Вот наш цветной квадратик:

Оставляем только четверть квадратика:

Теперь перемещаем ниже и закрашиваем:

Примеры применения:

Вертикальное центрирование текста

минус использования line-height при вертикальном центрировании в ограничении текста одной строкой. Для решения этой проблемы, можно применить display: table к нашему Speech Bubble и display: table-cell к тексту:

Еще один пример нестандартного использования границ:

Источник