В именах многих свойств стиля CSS есть дефисы, которые в JavaScript интерпретируются как знаки минус.
Поэтому имена свойств объектов CSS2Properties несколько отличаются от реальных имен свойств CSS.
Если имя свойства CSS содержит один или несколько дефисов, в JS дефисы необходимо удалить, а исходные буквы сразу после дефисов изменить на прописные.
Следует отметить, что float — это ключевое слово в JS, поэтому в JS float записывается как cssFloat или floatStyle.
Ниже приведена таблица сравнения свойств CSS и кодировки CSS в JavaScript:
Метка поля и сравнение атрибутов:
Код
Синтаксис CSS (без учета регистра) Синтаксис JavaScript (с учетом регистра)
граница границы
граница-нижняя границаBottom
граница-нижний цвет
BorderBottomStyle в нижнем стиле
граница нижней ширины borderBottomWidth
bordercolor borderColor
граница-левая границаLeft
граница левого цвета borderLeftColor
BorderLeftStyle в левом стиле
граница-левая ширина borderLeftWidth
граница-правая граница
граница-правый цвет borderRightColor
BorderRightStyle в правом стиле границы
граница правой ширины borderRightWidth
BorderStyle в стиле границы
border-top borderTop
граница-топ-цвет
бордюр-топ-стиль
граница-топ-ширина
ширина границы
ясно ясно
float floatStyle (т. е.) cssFloat (FF)
маржа маржа
маржа-дно
маржа-левая маржа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
вертикальное выравнивание