HTMLSourceElement: thuộc tính sizes

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.

Thuộc tính sizes của giao diện HTMLSourceElement là một chuỗi đại diện cho danh sách một hoặc nhiều kích thước, đại diện cho các kích thước giữa các điểm ngắt, mà tài nguyên áp dụng.

Nó phản ánh thuộc tính sizes của phần tử <source>.

Giá trị

Một chuỗi.

Ví dụ

html
<picture>
  <source
    id="el"
    srcset="medium-pic.jpg"
    type="image/jpeg"
    sizes="(50em <= width <= 60px) 50em,
           (30em <= width < 50em) 30em" />
</picture>
js
const el = document.getElementById("el");
console.log(el.sizes); // Output: "(50em <= width <= 60px) 50em, (30em <= width < 50em) 30em"
el.sizes = "(50em <= width <= 60px) 100em, (30em <= width < 50em) 60em"; // Updates the sizes value

Thông số kỹ thuật

Specification
HTML
# dom-source-sizes

Tương thích trình duyệt

Xem thêm