kich thuoc trong css

http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     Kích cỡ CSS Đến chương này, biết cách tạo style cho border xung quanh phần tử, cho phần padding bên hộp lề xung quanh chúng, … Tiếp theo tìm hiểu cách thay đổi kích cỡ hộp CSS Để thay đổi kích cỡ, bạn sử dụng thuộc tính CSS sau: • Thuộc tính height xác định chiều cao hộp • Thuộc tính width xác định độ rộng hộp • Thuộc tính line-height xác định chiều cao dòng văn • Thuộc tính max-height thiết lập chiều cao tối đa hộp • Thuộc tính min-height thiết lập chiều cao tối thiểu hộp • Thuộc tính max-width thiết lập độ rộng tối thiểu hộp • Thuộc tính min-width thiết lập độ rộng tối thiểu hộp Các thuộc tính height width CSS Hai thuộc tính height width giúp bạn xác định chiều cao độ rộng cho hộp Các thuộc tính nhận giá trị dạng chiều dài (đơn vị px, pt, cm, …), dạng phần trăm, từ khóa auto Ví dụ sau minh họa cách thiết lập chiều cao độ rộng hộp sử dụng thuộc tính height width CSS

Doan van co rong la 400 pixel va chieu cao la 100 pixel

Kết là: Doan van co rong la 400 pixel va chieu cao la 100 pixel http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     Thuộc tính line-height CSS Thuộc tính line-height cho phép bạn tăng phần khơng gian dòng văn Thuộc tính nhận giá trị dạng chiều dài (đơn vị px, pt, cm, …), dạng phần trăm Ví dụ sau minh họa cách sử dụng thuộc tính line-height CSS

Doan van co rong la 400 px va chieu cao la 100 px Trong do, line height la 30 px Doan van co rong la 400 px va chieu cao la 100 px Trong do, line height la 30 px (ban tham khao thuoc tinh line-height chuong Tong hop thuoc tinh CSS)

Kết là: Doan van co rong la 400 px va chieu cao la 100 px Trong do, line height la 30 px Doan van co rong la 400 px va chieu cao la 100 px Trong do, line height la 30 px (ban tham khao thuoc tinh line-height chuong Tong hop thuoc tinh CSS) Thuộc tính max-height CSS Để xác định chiều cao tối đa cho hộp, bạn sử dụng thuộc tính max-height CSS Thuộc tính nhận giá trị dạng chiều dài (đơn vị px, pt, cm, …), dạng phần trăm Ghi chú: IE Netscape khơng hỗ trợ thuộc tính Ví dụ sau minh họa cách thiết lập chiều cao tối đa cho hộp sử dụng thuộc tính maxheight CSS

Doan van co rong la 400 px va chieu cao la 10 px Doan van co rong la 400 px va chieu cao la 10 px Doan van co rong la 400 px va chieu cao la 10 px Doan van co rong la 400 px va chieu cao la 10 px

Kết là: http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     Doan van co rong la 400 px va chieu cao la 10 px Doan van co rong la 400 px va chieu cao la 10 px Doan van co rong la 400 px va chieu cao la 10 px Doan van co rong la 400 px va chieu cao la 10 px Thuộc tính min-height CSS Để xác định chiều cao tối thiểu cho hộp, bạn sử dụng thuộc tính min-heighttrong CSS Thuộc tính nhận giá trị dạng chiều dài (đơn vị px, pt, cm, …), dạng phần trăm Ghi IE Netscape không hỗ trợ thuộc tính Ví dụ sau minh họa cách thiết lập chiều cao tối thiểu cho hộp sử dụng thuộc tính min-height CSS

Doan van co rong la 400 px va chieu cao toi thieu (min height) la 200 px Doan van co rong la 400 px va chieu cao toi thieu (min height) la 200 px src=" /css/images/logo.png" width="95" height="84" /> Kết là: Doan van co rong la 400 px va chieu cao toi thieu (min height) la 200 px Doan van co rong la 400 px va chieu cao toi thieu (min height) la 200 px Doan van co rong la 400 px va chieu cao toi thieu (min height) la 200 px Doan van co rong la 400 px va chieu cao toi thieu (min height) la 200 px http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     Doan van http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     Thuộc tính max-width CSS Để xác định độ rộng tối đa cho hộp, bạn sử dụng thuộc tính max-width CSS Thuộc tính nhận giá trị dạng chiều dài (đơn vị px, pt, cm, …), dạng phần trăm Ghi chú: IE Netscape khơng hỗ trợ thuộc tính Ví dụ sau minh họa cách thiết lập độ rộng tối đa cho hộp sử dụng thuộc tính maxwidth CSS

Doan van co chieu cao la 200 px va rong toi da (max width) la 100px Doan van co chieu cao la 200 px va rong toi da (max width) la 100px

Kết là: Doan van co chieu cao la 200 px va rong toi da (max width) la 100px Doan van co chieu cao la 200 px va rong toi da (max width) la 100px Thuộc tính min-width CSS Để xác định độ rộng tối thiểu cho hộp, bạn sử dụng thuộc tính min-width CSS Thuộc tính nhận giá trị dạng chiều dài (đơn vị px, pt, cm, …), dạng phần trăm http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     Ghi chú: IE Netscape khơng hỗ trợ thuộc tính Ví dụ sau minh họa cách thiết lập độ rộng tối thiểu cho hộp sử dụng thuộc tính minwidth CSS

Doan van co chieu cao la 100 px va rong toi thieu (min width) la 400px Doan van co chieu cao la 100 px va rong toi thieu (min width) la 400px Kết là: Doan van co chieu cao la 100 px va rong toi thieu (min width) la 400px Doan van co chieu cao la 100 px va rong toi thieu (min width) la 400px   http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     ... 100 px Trong do, line height la 30 px (ban tham khao thuoc tinh line-height chuong Tong hop thuoc tinh CSS)

Kết là: Doan van co rong la 400 px va chieu cao la 100 px Trong. .. rong la 400 px va chieu cao la 100 px Trong do, line height la 30 px (ban tham khao thuoc tinh line-height chuong Tong hop thuoc tinh CSS) Thuộc tính max-height CSS Để xác định chiều cao tối đa cho... la 400 px va chieu cao la 10 px Thuộc tính min-height CSS Để xác định chiều cao tối thiểu cho hộp, bạn sử dụng thuộc tính min-heighttrong CSS Thuộc tính nhận giá trị dạng chiều dài (đơn vị px,