Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style backgroundSize Property

<Style Object

пример

Укажите размер фонового изображения:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";
Попробуй сам "

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

Множества свойства backgroundSize или возвращают размер фоновых изображений.


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

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Числа следует Webkit, Моз или O указать первую версию, которая работала с префиксом.

Имущество
backgroundSize 4,0
1,0 Webkit
9,0 4,0
3,6 Мос
4,1
3.0 Webkit
10,5
10,0 O

Синтаксис

Возвращает свойство backgroundSize:

object .style.backgroundSize

Установите свойство backgroundSize:

object .style.backgroundSize="auto| Значения свойств
Стоимость Описание
auto Значение по умолчанию. Фоновое изображение содержит свою ширину и высоту
length Устанавливает ширину и высоту фонового изображения. Первое значение задает ширину, второе значение задает высоту. Если только одно значение, то второй установлен на "auto"
percentage Устанавливает ширину и высоту фонового изображения в процентах от родительского элемента. Первое значение задает ширину, второе значение задает высоту. Если только одно значение, то второй установлен на "auto"
cover Масштабировать фоновое изображение, чтобы быть как можно больше, так что область фона полностью покрыта фоновым изображением. Некоторые части фонового изображения могут не быть в поле зрения в пределах фоновой области позиционирования
contain Масштабировать изображение самого большого размера, такие, что как его ширина и высота его может поместиться внутри области содержимого
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

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

Похожие страницы

Ссылка CSS: background-size property


<Style Object