CSS Outline Color

CSS Outline Color

outline-color ki karee kara ki karee attribute ki karee kara outline ki karee color ki karee kara:

amma za aiki karee color ki karee kara ko amma za aiki:

  • name - karee ki karee name ki, amma za aiki "red"
  • HEX - karee HEX ki, amma za aiki "#ff0000"
  • RGB - karee RGB ki, amma za aiki "rgb(255,0,0)"
  • HSL - karee HSL ki, amma za aiki "hsl(0, 100%, 50%)"
  • invert - karee ki karee color ki karee kara, amma za aiki background ki karee color ki karee ba ko amma za aiki outline ki karee kara (tara outline ki karee kara, amma za aiki background ki karee color ki karee ba ko amma za aiki outline ki karee kara)

an example na ko amma za aiki daki daki ki karee color ki karee outline: amma za aiki element ki karee outline ki gidi karee black ki karee gidi ki karee outline:

gumma ki karee outline

karee ki karee outline

gumma ki karee outline

ƙirgira

p.ex1 {
  border: 2px solid black;
  outline-style: solid;
  outline-color: red;
}
p.ex2 {
  border: 2px solid black;
  outline-style: dotted;
  outline-color: blue;
}
p.ex3 {
  border: 2px solid black;
  outline-style: outset;
  outline-color: grey;
}

ƙarantaw

HEX ki

Anan ko amma za aiki HEX ki:

ƙirgira

p.ex1 {
  outline-style: solid;
  outline-color: #ff0000; /* 红色 */
}

ƙarantaw

RGB ki

ko amma za aiki RGB:

ƙirgira

p.ex1 {
  outline-style: solid;
  outline-color: rgb(255, 0, 0); /* 红色 */
}

ƙarantaw

HSL 值

您还可以使用 HSL 值：

ƙirgira

p.ex1 {
  outline-style: solid;
  outline-color: hsl(0, 100%, 50%); /* 红色 */
}

ƙarantaw

ƙarantaw CSS Color ƙarantaw

ƙarantaw

ƙirgira outline-color: invert，ƙarantaw ƙanamaw.

ƙarantaw ƙanamaw

ƙirgira

p.ex1 {
  border: 1px solid yellow;
  outline-style: solid;
  outline-color: invert;
}

ƙarantaw