Робота з каскадними таблицями стилів

Довідковий матеріал з основних мов програмування і верстки сайтів.

Готова методика створення простих і складних динамічних сайтів, з використанням PHP і MySQL.

Розробка веб-сайтів під "ключ".

Розробка окремих фрагментів сайтів, консультації з питань верстки веб-сторінок і веб-програмування.

Веб-інструмент

Веб-майстерня

Веб-послуги

Веб-графіка

Веб-ресурси

Робота з каскадними таблицями стилів

Хочете бути в курсі подій, що відбуваються на сайті? Підпишіться на отримання останніх новин та статей.

Подивіться в Google

Робота з каскадними таблицями стилів

Робота з каскадними таблицями стилів

Доступ до каскадним таблиць стилів в сценаріях здійснюється через спеціальні об'єкти:

  • об'єкт елемента, відповідного тегу

    У вікні веб-браузера це буде виглядати ТАК.

    Якщо таблиця стилів задана як значення атрибута STYLE. то за допомогою об'єкта style можна прочитати значення певних стильових параметрів.





    Спроба читання стильових параметрів

    У вікні веб-браузера це буде виглядати ТАК.

    Щоб прочитати значення стильових параметрів, заданих в таблицях за допомогою тега

    У вікні веб-браузера це буде виглядати ТАК.

    Для браузера IE5.5 + є ще один об'єкт runtimeStyle (стиль часу виконання). який дозволяє скасувати будь-яку властивість стилю, заданий за допомогою атрибута STYLE. Нове значення властивості стилю відіб'ється на зовнішньому вигляді елемента, але при цьому не зміниться значення цього ж параметра в таблиці стилів





    Використання об'єкта runtimeStyle

    У вікні веб-браузера це буде виглядати ТАК.

    Увага! Властивості відповідні стильовим параметрам, в сценаріях записуються не так, як в правилах каскадних таблиць стилів. Назви властивостей, як і імена змінних, в сценаріях не повинні містити дефісів, широко використовуваних в таблицях стилів. Тому назви стильових параметрів в сценаріях утворюються з імен відповідних параметрів таблиць стилів шляхом перезапису останніх в стилі inerCap. Це означає, що складових іменах опускаються дефіси, а друге і наступні слова записуються з великої літери.

    Таблиця. Відповідність між іменами параметрів CSS і в сценаріях

    Ім'я параметра в таблиці стилів

    Схожі статті