Javascript opacity: HTML DOM Style opacity Property

Leave a Comment / Разное / By /

HTML DOM Style opacity Свойство

❮ Назад ❮ Справочник по объектам стиля Далее ❯

Пример

Сделать элемент DIV прозрачным:

document.getElementById(«myDIV»).style.opacity = «0.5»;

Попробуйте сами »

Определение и использование

Свойство opacity устанавливает или возвращает уровень непрозрачности элемента.

Уровень непрозрачности элемента описывает уровень прозрачности, где 1 означает полное отсутствие прозрачности, 0,5 — прозрачность на 50 %, а 0 — полную прозрачность.

Поддержка браузера

Свойство
непрозрачность Да Да Да Да Да

Синтаксис

Вернуть свойство непрозрачности:

объект . style.opacity

Установить свойство непрозрачности:

объект 9 .style.opacity0061 = «номер |начальный|наследовать»

Значения свойств

Значение Описание
номер Задает прозрачность. От 0,0 (полностью прозрачный) до 1,0 (полностью непрозрачный)
начальный Устанавливает для этого свойства значение по умолчанию. Читать про начальный
унаследовать Наследует это свойство от родительского элемента. Читать о
наследовать

Технические детали

Значение по умолчанию: 1
Возвращаемое значение: Строка, представляющая уровень непрозрачности элемента
Версия CSS CSS3

Связанные страницы

Ссылка CSS: свойство непрозрачности

❮ Предыдущая ❮ Справочник по объектам стиля Следующий ❯


ВЫБОР ЦВЕТА

Лучшие учебники
Учебник по HTML
Учебник по CSS
Учебник по JavaScript
Учебник How To
Учебник по SQL
Учебник по Python
Учебник по W3. CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery

3 900 Справочник по HTML
Справочник по CSS

Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery

Основные примеры
Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

3

FORUM | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.

HTML | Непрозрачность стиля DOM Свойство

Улучшить статью

Сохранить статью

  • Последнее обновление: 08 авг, 2022

  • Читать
  • Обсудить

    • Улучшить статью

    Сохранить статью

    Свойство Style opacity в HTML DOM, используемое для установки уровня непрозрачности элемента. Уровень непрозрачности определяет уровень прозрачности, где значение 1 означает непрозрачность, 0,5 — прозрачность 50% и 0 — полную прозрачность. Он также возвращает уровень непрозрачности элемента.

    Синтаксис:  

    • Возвращает свойство непрозрачности.
     object.style.opacity
    • Используется для установки свойства непрозрачности.
     object.style.opacity = "number|initial|inherit"

    Значения свойств:  

    • число: Указывает значение непрозрачности в диапазоне от 0,0 до 1,0.
    • начальный: Устанавливает для свойства непрозрачности значение по умолчанию.
    • наследовать: Это свойство наследуется от родительского элемента.

    Возвращаемое значение: Возвращает строку, представляющую уровень непрозрачности элемента.

    Example 1:  

    HTML

    < html >

    < head >

         < title >DOM Style opacity Property title >

    head >

    < body >

         < центр >

             < h2 стиль = "color:green;" >

                     GeeksForGeeks

             h2 >

             < h3 >DOM Style opacity Property h3 >

             < div id = "gfg" > Портал информатики для гиков div >

     

             < button type = "button" onclick = "geeks()" >

                 set Decoration

    Кнопка >

    < СКРИПТ >

    9 >

    9 >

    9 >

    Функциональные Geeks () {

    Document. getElementByID («GFG»). Style.Opacity

    = "0,3";

                 }

             script >

         center >

    body >

    html >

    Output:  

    • Before clicking on the button:
       

    • After clicking on the button :

    Пример 2:

    HTML

    < 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3

    < 3 9

    < 3

    . 0263 >

    < head >

         < title >DOM Style opacity Property title >

         < style >

             #gfg {

                 ширина: 150 пикселей;

                 высота: 40 пикселей;

                 цвет фона: зеленый;

             }

         style >

    head >

    < body >

         < центр >

             < h2 стиль = "цвет:зеленый;" >

                     GeeksForGeeks

            

    h2 >

             < h3 >DOM Style opacity Property h3 >

             < div id = "gfg" style = "color:white" >

             A Computer science portal for geeks div >

             < Кнопка Тип = "Кнопка" ONCLICK = "Geeks ()" >

    9 23666666666666666666666666666666666666666666666666666666666666666666666666666666669н.

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *