Главная страница>Учебник по веб-дизайну>Учебник по CSS

Таблица сравнения свойств CSS-стилей JavaScript

Автор：Eve Cole Время обновления：2009-06-12 17:47:10

Чтобы добиться особого эффекта, нам нужно использовать Javascript для динамического изменения атрибута CSS определенного тега. Например: когда указатель мыши проходит над изображением, мы добавляем к изображению рамку. Код может быть следующим:

Код JavaScript
  1. <script type= "text/javascript" >.
  2.      function imageOver(e) {
  3. e.style.border= "1px сплошной красный "
  4. }
    5. ;
  5.      function imageOut(e) {
  6. e.style.borderWidth=0;
  7. }
  8. </script>
  9. <img src= "phplamp.gif" onmouseover= "imageOver(this)" onmouseout= "imageOut(this)" />

за стилем в JavaScript Какими должны быть свойства?

JavaScript Таблица сравнения атрибутов стилей CSS
). Синтаксис Теги синтаксисом CSS Выравнивание текста Выравнивание текстатекста
Метка поля и сравнение атрибутов
Синтаксис CSS (без учета регистра) Синтаксис JavaScript (с учетом регистра)
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border -color borderColor
border-left borderLeft
border-left-color borderLeftColor
border-left-style borderLeftStyle
border-left-width borderLeftWidth
border-right borderRight
border-right-color borderRightColor
border-right-style borderRightStyle
border-right-width borderRightWidth
border- style borderStyle
border -
top borderTop
border -
top -
color borderTopColor
border- top
- style
borderTopStyle border
- top
-
width borderTopWidth
border -
width borderWidth
отступы отступы
-нижние отступыНижний
отступ-левый отступЛевый
отступ-правый отступПравый
отступ-верхний отступTop
 
Метка цвета и фона и
сравнение атрибутов
Синтаксис CSS
( без
учета регистра
) Синтаксис
JavaScript (
с учетом
регистра )
 
Теги и
атрибуты стиля сравниваются с
синтаксисом CSS
( без
учета регистра
JavaScript (
с учетом регистра
) .
 
и атрибуты
стиля текста сравниваются с
( без
учета регистра
) Синтаксисом
JavaScript (
с учетом
регистра )
 
Сравнение текстовых меток и атрибутов
Синтаксис CSS (без учета регистра) Синтаксис JavaScript (с учетом регистра)
Расстояние между буквами Разрыв
строки Разрыв строки
Высота строки
Выравнивание текста
Декорация Отступ
Текст Отступ по выравниванию текста
Выровнять преобразование
текста textTransform
вертикальное выравнивание
Связанные статьи