Пример
сегментации страницы в блоке
| #коробка { разрыв страницы внутри: избегать; } |
Описание
Это свойство определяет, происходит ли подкачка внутри указанного элемента.
Статус поддержки
| IE6 Нет IE7Нет IE8 Да |
N.
Пример
структуры объекта
| #коробка { контур: сплошной красный, 1 пиксель; } |
Описание
контура — это аббревиатура стиля контура, ширины контура и цвета контура. Этот атрибут лучше атрибута border, поскольку он не влияет на поток документов и поэтому более полезен для устранения проблем с макетом.
Статус поддержки
| IE6 Нет IE7Нет IE8 Да |
О.
Примеры
альтернативных значений атрибута display
| #коробка { отображение: встроенный блок; } |
Описание
Атрибут display обычно имеет значение Block, Inline или None. Альтернативные значения включают:
| встроенный блок встроенная таблица элемент списка обкатка стол заголовок таблицы ячейка таблицы таблица-столбец группа столбцов таблицы группа в нижнем колонтитуле группа заголовков таблицы строка таблицы группа строк таблицы |
Статус поддержки
| IE6 Нет IE7Нет IE8 Да |
Пример
обработки складного пустого пространства
| п { пробел: предварительная строка; } дел { пробел: предварительная упаковка; } |
Установка
значения перед строкой атрибута пробелов сжимает несколько элементов пробелов в один пробел, позволяя при этом явные разрывы строк. Значение атрибута white-space перед переносом не объединяет несколько пробелов в один, но позволяет явно устанавливать разрывы строк.
Статус поддержки
| IE6 Нет IE7Нет IE8 Да |
4. Различные другие технологии
A.Примеры
типов носителей@import
| @import url("styles.css") экран; |
Описание:
Как и в приведенном выше примере, тип носителя импортированного файла таблицы стилей объявляется после адреса файла. В этом примере тип носителя — «экран».
Статус поддержки
| IE6 Нет IE7Нет IE8 Да |
ОшибкиХотя
IE6 и IE7 поддерживают @import, они не действуют, если указан тип носителя, даже делая обычное правило @import недействительным.
B.
Пример
приращения счета
| ч2 { встречный инкремент: заголовки; } h2: до { содержимое: счетчик(заголовки) "."; } |
Описание
Этот метод CSS позволяет автоматически увеличивать число, которое появляется перед указанным элементом, используемым вместе с псевдоэлементом before.
Статус поддержки
| IE6 Нет IE7Нет IE8 Да |
C.
Примеры
ссылочных символов для созданного контента
| q { кавычки: "'" "'"; } вопрос: перед { содержание: открытая цитата; } вопрос: после { содержание: закрытая кавычка; } |
В описании
указывается позывной цитирования, используемый для создания контента для использования с тегами q.
Статус поддержки
| IE6 Нет IE7Нет IE8 Да |
5. Важные ошибки и проблемы несовместимости
Ниже приводится множество ошибок в IE6 и IE7, не упомянутых выше. Конечно, в этот список не включены записи, которые не поддерживаются всеми тремя браузерами.
Ошибки IE6
A. Не поддерживается стилизация элемента <abbr>
B. Не поддерживаются имена классов и идентификаторов, начинающиеся с дефиса и подчеркивания
C. Элемент <select> всегда отображается в верхней части стека независимо от значения z-индекса
D Если псевдоклассы привязки используются в неправильном порядке (:link, :visited, :hover), псевдокласс :hover не будет иметь никакого эффекта
. E. Объявление !important атрибута будет заменено. unused !important объявление одного и того же атрибута в одном и том же правиле.
F. Высота ведет себя как минимальная высота
G. Ширина ведет себя как минимальная ширина
H. Двойные левые и правые поля
I. Пунктирная граница (пунктирная) выглядит как пунктирная граница (пунктирная)
J. Проходящее через строку значение text-decoration Текст выглядит немного выше, чем в других браузерах
. Если упорядоченный список имеет фиксированную структуру (haslayout имеет значение true, высоту/ширину/масштаб li нельзя установить для активации значений haslayout), серийный номер не будет увеличиваться, а останется равным 1.
L. Элементы списка не поддерживают все доступные значения типа списка-стиля
M. Если запись списка плавает, указанное изображение-стиля списка не будет отображаться
N. @font-face не поддерживается полностью
O. Некоторые селекторы будут неправильно соответствовать комментариям и объявлениям документации
. Если селектор идентификатора в сочетании с селектором класса не совпадает, тот же селектор идентификатора в сочетании с другим селектором класса также будет рассматриваться как несоответствие.
Ошибки IE7
A. Если упорядоченный список имеет фиксированную структуру (haslayout имеет значение true, высоту/ширину/масштаб li нельзя установить для активации значений haslayout), серийный номер не увеличивается, а остается равным 1
B. Элементы списка не поддерживается Все доступные значения типа списка-стиля
C. Если элемент списка является плавающим, указанное изображение-стиля списка не будет отображаться
D. @font-face не полностью поддерживается
E. Некоторые селекторы будут неправильно совпадать комментарии и документы Отказ от ответственности
F. Некоторые ошибки IE, не упомянутые здесь, возникают только в определенных средах и не связаны с конкретными свойствами или значениями CSS.