Hàm CSS scaleY()

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

CSS scaleY() hàm được sử dụng để thu nhỏ dọc phần tử.

scaleY() hàm tăng hoặc giảm chiều cao của phần tử.

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

Mô hình

Ví dụ 1

Sử dụng scaleY() Thu nhỏ chiều cao của nhiều thẻ <div>:

#myDiv1 {
  transform: scaleY(0.5);
}
#myDiv2 {
  transform: scaleY(70%);
}
#myDiv3 {
  transform: scaleY(1.1);
}

Thử ngay

Ví dụ 2

Sử dụng scaleY() Thu nhỏ chiều cao của hình ảnh:

#img1 {
  transform: scaleY(0.5);
}
#img2 {
  transform: scaleY(70%);
}
#img3 {
  transform: scaleY(-0.5);
}
#img4 {
  transform: scaleY(1.1);
}

Thử ngay

Ngữ pháp CSS

scaleY(s)

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 scale() CSS

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

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