Bounding box là gì?

Bounding box của một phần tử (element) là hình chữ nhật nhỏ nhất có thể hoàn toàn bao quanh nó và các con (descendant) của nó.

Bounding box về cơ bản bao gồm ba thành phần sau:

• Content box chứa tất cả nội dung thực tế.
• Padding box chứa padding của phần tử được xác định bằng padding.
• Border box chứa các đường viền (border) của phần tử được xác định bằng border.

Khi phần tử chỉ có padding và nội dung (content) trong đó, padding box bằng với bounding box, khi nó chỉ có đường viền (border) và nội dung trong đó border box bằng bounding box, khi nó có tất cả ba thì border box của nó bằng với bounding box và khi nó không có cái nào trong số này thì content box của nó bằng với bounding box.

Trong một hình ảnh, bounding box là tọa độ (x, y) của một hình chữ nhật xung quanh một khu vực quan tâm, chẳng hạn như con chó trong hình ảnh bên dưới.