Thuộc tính outline trong CSS PDF outline trong css

http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     Thuộc tính outline CSS Phân biệt Outline Border Nhắc đến Outline khiến số bạn nhầm lẫn với Border, nhiên hai thuộc tính có điểm khác lớn sau: • Một outline đường vẽ bên cạnh đường viền phần tử Các Outline khơng chiếm giữ phần khơng gian, chúng luôn đặt hộp chứa phần tử • Không giống border, bạn xác định độ rộng, màu style cho cạnh khác outline đường • Khơng giống border, outline khơng thay đổi kích cỡ vị trí phần tử • Outline khơng thiết phải dạng hình chữ nhật Ghi chú: Các thuộc tính liên quan tới outline không hỗ trợ IE Netscape Liên quan tới outline, CSS bạn xác định thuộc tính sau: • Thuộc tính outline-width xác định độ rộng outline • Thuộc tính outline-style xác định line style cho outline • Thuộc tính outline-color xác định màu outline • Thuộc tính outline để xác định tất thuộc tính outline Thuộc tính outline-width CSS Thuộc tính outline-width xác định độ rộng outline Giá trị thuộc tính nên dạng độ dài (đơn vị pt, px, cm, …) giá trị thin, medium, thick, giống với thuộc tính border-width CSS Nếu bạn xác định giá trị 0px cho thuộc tính này, tức bạn xác định phần tử outline Dưới ví dụ minh họa cách sử dụng thuộc tính outline-width CSS 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    

Thuoc tinh outline co gia tri thin

Thuoc tinh outline co gia tri thick

Outline co rong pixel

Kết là: Thuộc tính outline-style CSS Sử dụng thuộc tính outline-style giúp bạn xác định line style cho outline (chẳng hạn dạng solid, dotted, dashed, …) Các giá trị cho thuộc tính là: • none: tức khơng có border (tương đương với border-width: 0;) • solid: đường viền liền đơn • dotted: đường viền dãy chấm nhỏ • dashed: đường viền dãy đoạn thẳng ngắn • double: đường viền hai đường dạng solid • groove: đường viền trơng giống khắc vào trang • ridge: đường viền trơng ngược với dạng groove • inset: đường viền trơng giống nhúng vào trang • outset: ngược lại với dạng inset • hidden: giống none Ví dụ sau minh họa cách sử dụng thuộc tính outline-style với giá trị thuộc tính CSS

Outline co rong thin va hinh dang la solid

Outline co rong thick va hinh dang la dashed

Outline co rong la 5px va hinh dang la dotted

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     Kết là: Outline co rong thin va hinh dang la solid Outline co rong thick va hinh dang la dashed Outline co rong la 5px va hinh dang la dotted Thuộc tính outline-color CSS Để xác định màu cho đường outline, bạn sử dụng thuộc tính outline-color CSS Thuộc tính nhận giá trị màu dạng tên màu, Hex Code, … (bạn tham khảo chương Màu CSS) Dưới ví dụ minh họa cách thiết lập màu cho đường outline sử dụng thuộc tính outline-color CSS

Outline co rong thin, hinh dang la solid va mau la red

Outline co rong thick, hinh dang la dashed va mau la green

Outline co rong la 5px, hinh dang la dotted va mau la blue

Kết là: Outline co rong thin, hinh dang la solid va mau la red Outline co rong thick, hinh dang la dashed va mau la green 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     Outline co rong la 5px, hinh dang la dotted va mau la blue Thuộc tính outline CSS Sử dụng thuộc tính outline CSS giúp bạn xác định tất thuộc tính liên quan tới outline trình bày Style Rule Ví dụ minh họa thuộc tính outline CSS:

Outline co rong thin, hinh dang la solid va mau la red

Outline co rong thick, hinh dang la dashed va mau la green

Outline co rong la 5px, hinh dang la dotted va mau la blue

Kết là: Outline co rong thin, hinh dang la solid va mau la red Outline co rong thick, hinh dang la dashed va mau la green Outline co rong la 5px, hinh dang la dotted va mau la blue   http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     ... va mau la blue Thuộc tính outline CSS Sử dụng thuộc tính outline CSS giúp bạn xác định tất thuộc tính liên quan tới outline trình bày Style Rule Ví dụ minh họa thuộc tính outline CSS: ... style= "outline- width:5px; outline- style:solid;"> Outline co rong pixel

Kết là: Thuộc tính outline- style CSS Sử dụng thuộc tính outline- style giúp bạn xác định line style cho outline. .. solid Outline co rong thick va hinh dang la dashed Outline co rong la 5px va hinh dang la dotted Thuộc tính outline- color CSS Để xác định màu cho đường outline, bạn sử dụng thuộc tính outline- color