Js background color style: HTML DOM Style backgroundColor Property

LinkedIn

選擇語言Bahasa Indonesia (Bahasa Indonesia)Bahasa Malaysia (Malay)Čeština (Czech)Dansk (Danish)Deutsch (German)English (English)Español (Spanish)繁體中文 (Chinese (Traditional))Français (French)한국어 (Korean)Italiano (Italian)简体中文 (Chinese (Simplified))Nederlands (Dutch)日本語 (Japanese)Norsk (Norwegian)Polski (Polish)Português (Portuguese)Română (Romanian)Русский (Russian)Svenska (Swedish)Tagalog (Tagalog)ภาษาไทย (Thai)Türkçe (Turkish)العربية (Arabic)

عفواً، لم نتمكن من العثور على الصفحة التي تبحث عنها. برجاء المحاولة مرة أخرى للصفحة السابقة أو الانتقال لـمركز المساعدة للمزيد من المعلومات

Omlouváme se, nemůžeme najít stránku, kterou hledáte. Zkuste se vrátit zpátky na předchozí stránku, nebo se podívejte do našeho Centra nápovědy pro více informací

Vi kan desværre ikke finde den side, du leder efter.

Die gewünschte Seite konnte leider nicht gefunden werden. Versuchen Sie, zur vorherigen Seite zurückzukehren, oder besuchen Sie unseren Hilfebereich, um mehr zu erfahren.

Uh oh, we can’t seem to find the page you’re looking for. Try going back to the previous page or see our Help Center for more information

Vaya, parece que no podemos encontrar la página que buscas. Intenta volver a la página anterior o visita nuestro Centro de ayuda para más información.

Nous ne trouvons pas la page que vous recherchez. Essayez de retourner à la page précédente ou consultez notre assistance clientèle pour plus d’informations

Maaf, sepertinya kami tidak dapat menemukan halaman yang Anda cari.

Non abbiamo trovato la pagina che stai cercando. Prova a tornare alla pagina precedente o visita il nostro Centro assistenza per saperne di più.

申し訳ありません。お探しのページが見つかりません。前のページに戻るか、ヘルプセンターで詳細をご確認ください

원하시는 페이지를 찾을 수 없습니다. 이전 페이지로 돌아가거나 고객센터에서 자세히 알아보세요.

Harap maaf, kami tidak dapat menemui laman yang ingin anda cari. Cuba kembali ke laman sebelumnya atau lihat Pusat Bantuan kami untuk maklumat lanjut

De pagina waar u naar op zoek bent, kan niet worden gevonden. Probeer terug te gaan naar de vorige pagina of bezoek het Help Center voor meer informatie

Vi finner ikke siden du leter etter.

Nie możemy znaleźć strony, której szukasz. Spróbuj wrócić do poprzedniej strony lub nasze Centrum pomocy, aby uzyskać więcej informacji

A página que você está procurando não foi encontrada. Volte para a página anterior ou visite nossa Central de Ajuda para mais informações

Ne pare rău, nu găsim pagina pe care o căutaţi. Reveniţi la pagina anterioară sau consultaţi Centrul nostru de asistenţă pentru mai multe informaţii

Не удаётся найти искомую вами страницу. Вернитесь на предыдущую страницу или посетите страницу нашего справочного центра для получения дополнительной информации.

Sidan du letar efter hittades inte.

ขออภัย ดูเหมือนเราไม่พบหน้าที่คุณกำลังมองหาอยู่ ลองกลับไปที่หน้าเพจก่อน หรือดู ศูนย์ความช่วยเหลือ ของเราสำหรับข้อมูลเพิ่มเติม

Naku, mukhang hindi namin mahanap ang pahina na hinahanap mo. Subukang bumalik sa nakaraang pahina o tingnan ang aming Help Center para sa higit pang impormasyon

Aradığınız sayfa bulunamadı. Önceki sayfaya geri dönün veya daha fazla bilgi için Yardım Merkezimizi görüntüleyin

抱歉，无法找到页面。试试返回到前一页，或前往帮助中心了解更多信息

我們好像找不到該頁面。請回到上一頁或前往說明中心來進一步瞭解

Стиль HTML DOM backgroundColor Свойство

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

Пример

Установить цвет фона для документа:

document. body.style.backgroundColor = «red»;

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

Другие примеры «Попробуйте сами» ниже.

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

Свойство backgroundColor устанавливает или возвращает цвет фона элемента.

См. также:

Стили HTML: Свойство фона

Учебное пособие по CSS: CSS Фаны

Ссылка на CSS: Свойство фонового цвета

Синтаксис

Возвращение свойства фонового роста:

Объект .Style.BackgroundColor

Установите Свойство FounalColor. style.backgroundColor = «color |transparent|initial|inherit»

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

Значение	Описание
цвет	Задает цвет фона. Полный список возможных значений цвета см. в CSS Color Values ​​
прозрачный	По умолчанию. Цвет фона прозрачный (основное содержимое будет просвечиваться)
начальный	Устанавливает для этого свойства значение по умолчанию. Читать про начальный
унаследовать	Наследует это свойство от родительского элемента. Читать о наследовать

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

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

backgroundColor — это функция CSS1 (1996).

Полностью поддерживается во всех браузерах:

Дополнительные примеры

Пример

Установить цвет фона для определенного элемента

:

document. getElementById(«myDiv»).style.backgroundColor = «голубой»;

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

Пример

Возврат цвета фона определенного элемента

:

let color = document.getElementById(«myDiv»).style.backgroundColor;

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

Пример

Вернуть цвет фона документа:

let color = document.body.style.backgroundColor;

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

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

ВЫБОР ЦВЕТА

---

---

---

Лучшие учебники

Учебное пособие по HTML

Учебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3.CSS
Учебное пособие по Bootstrap
Учебное пособие по PHP
Учебное пособие по Java
Учебное пособие по C++
Учебное пособие по jQuery
908002 9003 9000 Справочник по 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

FORUM | О

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

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

Фон в стиле HTML DOM Свойство

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

Пример

Стиль фона документа:

document. body.style.background = «#f3f3f3 url(‘img_tree.png’) право без повтора top»;

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

Ниже приведены дополнительные примеры «Попробуйте сами». свойств в сокращенной форме.

С помощью этого свойства вы можете установить/возвратить одно или несколько из следующих (в любом порядок):

DOM Property	CSS Property
backgroundAttachment	background-attachment
backgroundClip	background-clip
backgroundColor	background-color
backgroundImage	background-image
backgroundOrigin	background-origin
backgroundPosition	background-position
backgroundRepeat	background-repeat
backgroundSize	background-size

Указанные выше свойства также могут быть установлены с помощью отдельных свойств стиля.

Использование отдельных свойств настоятельно рекомендуется для непродвинутых авторов для лучшего управляемость.

См. также:

Стили HTML: Свойство фона

Учебник CSS: Фоны CSS

Учебник CSS3: Фоны CSS3

Ссылка CSS: Свойство фона

---

Синтаксис

Вернуть свойство фона:

объект .style.background

Установить свойство фона:

image.1style.background объект |initial|inherit»

---

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

Значение	Описание
Приложение	Устанавливает, является ли фоновое изображение фиксированным или прокручивается
зажим	Устанавливает область рисования фонового изображения
цвет	Задает цвет фона элемента
изображение	Устанавливает фоновое изображение для элемента
происхождение	Устанавливает область позиционирования фона
позиция	Устанавливает начальную позицию фонового изображения
повтор	Устанавливает, как будет повторяться фоновое изображение
размер	Устанавливает размер фонового изображения
начальный	Устанавливает для этого свойства значение по умолчанию. Читать про начальный
наследовать	Наследует это свойство от родительского элемента. Читать о унаследовать

---

---

Технические данные

Значение по умолчанию:	прозрачный нет повтор прокрутки 0% 0% автозаполнение-бокс бордюр-бокс
Возвращаемое значение:	Строка, представляющая фон элемента
Версия CSS	CSS1

---

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

фон — это функция CSS1 (1996).

Полностью поддерживается во всех браузерах:

Хром	Край	Firefox	Сафари	Опера	ИЭ
Да	Да	Да	Да	Да	Да

Примечание

3 новых свойства были добавлены в CSS3 (1999):

• фоновая клипса
• фон-происхождение
• размер фона

---

Дополнительные примеры

Пример

Изменить фон элемента DIV:

document.

getElementById(«myDIV»).style.background = «url(‘smiley.gif’) blue repeat-x center»;

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

Пример

Установите цвет фона для документа:

document.body.style.backgroundColor = «красный»;

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

Пример

Установить фоновое изображение для документа:

document.body.style.backgroundImage = «url(‘img_tree.png’)»;

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

Пример

Установите фоновое изображение без повтора:

document.body.style.backgroundRepeat = «repeat-y»;

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

Пример

Зафиксировать фоновое изображение (не будет прокручиваться):

document.body.style.backgroundAttachment = «исправлено»;

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

Пример

Изменение положения фонового изображения:

document.

body.style.backgroundPosition = «справа вверху»;

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

Пример

Возвращает значения свойств фона документа:

document.body.style.background;

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

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

ВЫБОР ЦВЕТА

---

---

---

Лучшие учебники

Учебное пособие по HTML
Учебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3.CSS
Учебное пособие по Bootstrap
Учебное пособие по PHP
Учебное пособие по Java
Учебное пособие по C++
Учебное пособие по jQuery
908002 9003 9000 Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery

Основные примеры

Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.