Nhập môn CSS/Phần tử/Thuộc Tính viền ngoài (outline)

Định dạng thuộc tính viền ngoài , outline , của phần tử trang mạng

Cú pháp

HTML Element { Outline - Property : Value }

Tham số và giá trị

• outline - color : color| invert

viền ngoài - màu : màu| đảo nguợc

• outline - style : none| dotted| dashed| solid| double| groove| ridge| inset| outset
• outline - width : thin| medium| thick| length

Viền ngoài - Kiểu : bình thường| chấm| gạch ngang| đặc| đôi| dảy| ghép|

Thí Dụ

 p 
{
   border: red solid thin;
   outline: green dotted thick
}


 p
{
border: red solid thin;
}
  p.dotted {outline-style: dotted}
  p.dashed {outline-style: dashed}
  p.solid {outline-style: solid}
  p.double {outline-style: double}
  p.groove {outline-style: groove}
  p.ridge {outline-style: ridge}
  p.inset {outline-style: inset}
  p.outset {outline-style: outset}
}
p 
{
  border: red solid thin;
  outline-style: solid;
  outline-color: #00ff00
}
p.one
{
  border: red solid thin;
  outline-style: solid;
  outline-width: thick
}
p.two
{
  border: red solid thin;
  outline-style: solid;
  outline-width: 2px
}