CSS и JS тесно сотрудничают, чтобы добавить на наши страницы множество уникальных эффектов. Чтобы добиться особого эффекта, нам нужно использовать Javascript для динамического изменения свойств CSS определенного тега.
Например: когда указатель мыши проходит над изображением, мы добавляем к изображению рамку. Код может быть следующим: Каким должен быть атрибут после стиля в JavaScript?
<тип сценария="текст/javascript">
функция imageOver(e) {
e.style.border="1px сплошной красный";
}
функция imageOut(e) {
e.style.borderWidth = 0;
}
</скрипт>
<img src="css.png" onmouseover="imageOver(this)" onmouseout="imageOut(this)" />
Таблица сравнения атрибутов CSS-стилей JavaScript
Метка поля и сравнение атрибутов
Синтаксис CSS (без учета регистра) Синтаксис JavaScript (с учетом регистра)
граница границы
граница-нижняя границаBottom
граница-нижний цвет
BorderBottomStyle в нижнем стиле
граница нижней ширины borderBottomWidth
bordercolor borderColor
граница-левая границаLeft
граница левого цвета borderLeftColor
BorderLeftStyle в левом стиле границы
граница-левая ширина borderLeftWidth
граница-правая граница
граница-правый цвет borderRightColor
BorderRightStyle в правом стиле границы
граница правой ширины borderRightWidth
BorderStyle в стиле границы
border-top borderTop
граница-топ-цвет
бордюр-топ-стиль
граница-топ-ширина
ширина границы
ясно ясно
поплавок floatStyle
маржа маржа
маржа-дно
маржа-левая маржаLeft
поле-право
маржа-верх
прокладка
прокладка-дно
отступ-слева отступовLeft
дополнение-право
дополнение-top
Метка цвета и фона и сравнение атрибутов
Синтаксис CSS (без учета регистра) Синтаксис JavaScript (с учетом регистра)
фон фон
фоновое вложение
Цвет фона
фоновое изображение
фоновая позиция
фон-повторить
цвет цвет
Теги стиля и сравнение атрибутов
Синтаксис CSS (без учета регистра) Синтаксис JavaScript (с учетом регистра)
дисплей дисплей
тип списка стилей listStyleType
изображение в стиле списка
позиция в стиле списка
ListStyle
белое пространство
Метка стиля текста и сравнение атрибутов
Синтаксис CSS (без учета регистра) Синтаксис JavaScript (с учетом регистра)
шрифт шрифта
семейство шрифтов FontFamily
размер шрифта
стиль шрифта
вариант шрифта
шрифт-вес FontWeight
Текстовая метка и сравнение атрибутов
Синтаксис CSS (без учета регистра) Синтаксис JavaScript (с учетом регистра)
интервал между буквами
разрыв строки
line-height lineHeight
выравнивание текста
textDecoration TextDecoration
text-indent textIndent
выравнивание текста textJustify
text-transform textTransform
вертикальное выравнивание