CSS Box Model

  • Thanh Vo

    Tác giả

    Thanh Vo

  • Ngày đăng

    3 thg 11, 2022

  • Số lượt xem

    509 lượt xem


CSS Box Model là một khái niệm chỉ các thành phần của một element bao gồm: content, padding, border, margin.

CSS Box Model

Trong CSS, thuật ngữ "box model" được sử dụng khi nói về thiết kế và bố cục.

Mô hình box model CSS về cơ bản là một hộp bao quanh mọi HTML element. Nó bao gồm: margin, border, padding và content. Hình ảnh dưới đây minh họa mô hình box model:

Giải thích về các phần khác nhau:

  • Content - Nội dung của hộp, nơi văn bản và hình ảnh xuất hiện
  • Padding - Khu vực xung quanh content. Padding trong suốt
  • Border - Đường viền bao quanh padding và content
  • Margin - Khu vực bên ngoài border. Margin trong suốt

Mô hình box model cho phép chúng ta thêm border xung quanh các element và xác định không gian giữa các element.

div {    width: 300px;    border: 15px solid green;    padding: 50px;    margin: 20px;  }

Tổng số đánh giá: 0

Xếp hạng: 5 / 5 sao

Danh sách bài học về CSS

Liên Kết Chia Sẻ

Đây là liên kết chia sẻ bới cộng đồng người dùng, chúng tôi không chịu trách nhiệm gì về nội dung của các thông tin này. Nếu có liên kết nào không phù hợp xin hãy báo cho admin.
error code: 520