Hàm scale() của CSS

Định nghĩa và cách sử dụng

CSS scale() Hàm được sử dụng để thu nhỏ phần tử (chiều rộng và chiều cao).

scale() Hàm xác định giá trị thu nhỏ của phần tử theo hướng x và y.

scale() Hàm trong transform sử dụng trong thuộc tính.

Mô hình

Ví dụ 1

Sử dụng scale() Thu nhỏ nhiều phần tử <div>:

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

Thử ngay

Ví dụ 2

Sử dụng scale() Thu nhỏ hình ảnh:

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

Thử ngay

Cú pháp CSS

scale(sx, sy)

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ hàm này hoàn toàn.

Trang liên quan

Hướng dẫn:Chuyển đổi 2D CSS

Tham khảo:Thuộc tính transform CSS

Tham khảo:Thuộc tính scale CSS

Tham khảo:Hàm scale3d() CSS

Tham khảo:Hàm scaleX() CSS

Tham khảo:Hàm scaleY() CSS