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