29 Апреля 2008

9 интересных CSS трюков

Делает фон желтым и границу поля красным, когда выводите данные

textarea:focus, input:focus { border: 1px solid #900; background-color: #FFFF9D; }

Не работает в IE 5.5 и 6.0

2. Вертикальное выравнивание с line-height

.div {height:24px;line-height:24px }

3. Увеличенный контент не ломает фиксированную ширину плавающих блоков.

#main{ overflow:hidden; }

4. Предотвращает разбиение ссылок на строки

a { white-space:nowrap }

5. Всегда показывается скроллинг в FF

html { overflow:-moz-scrollbars-vertical }

6. Горизонтально центрированный блок элементов. Обязательно указывать ширину.

.div { margin:0 auto }

7. Скрытие вертикального скроллинга textarea в IE

textarea{ overflow:auto }

8. Разбиение на страницы при печати вашего документа

h2 { page-break-before:always }

9. Удаление рамки у активных ссылок

a:active, a:focus{ outline:none }

Теги: ,

Добавить комментарий