CSS 颜色关键字

ການອະທິບາຍ transparent、currentcolor ຕື່ມ inherit ບັນຫາ.

transparent ບັນຫາ

transparent ບັນຫາທີ່ຈະເປັນສະເພາະທີ່ຈະເປັນບັນຫາສີສະເພາະທີ່ຈະແຕ່ງຕັ້ງວ່າບັນຫາສີສະເພາະທີ່ຈະແຕ່ງຕັ້ງ

实例

ພາຍໃນຄວາມກ່າວນີ້،ບັນຫາ<div> ຈະມີລັກສະນະບັນຫາສີສະເພາະທີ່ຈະແຕ່ງຕັ້ງວ່າບັນຫາ<div> ຈະມີລັກສະນະບັນຫາສີສະເພາະທີ່ຈະແຕ່ງຕັ້ງ

body {
  background-image: url("paper.gif");
}
div {
  background-color: transparent;
}

亲自试一试

ຄວາມເຫັນtransparent ບັນຫາທີ່ຄ້າຍຄື rgba(0,0,0,0)。RGBA ບັນດາສີຈະເປັນການຂະຫຍາຍຂອງ RGB ບັນດາສີທີ່ມີສະເພາະ alpha channel — ທີ່ຈະແຕ່ງຕັ້ງຄວາມກະຈາຍຂອງສີ. ຂໍ້ມູນຫຼາຍກວ່າຢາກຄົ້ນຄວ້າຢາກບັນຫາ CSS RGB ວັງຈາກ CSS ສີ ວັງຈາກ

currentcolor ບັນຫາ

currentcolor ບັນຫາທີ່ຄ້າຍຄືວັດຖຸມັນກໍ່ຍັງເປັນວັດຖຸທີ່ບັນຄັງລັກສະນະບັນຫາສີສະເພາະທີ່ຈະແຕ່ງຕັ້ງຂອງບັນຫາ

ຖ້າເຈົ້າຕ້ອງການສີສະເພາະທີ່ຈະແຕ່ງຕັ້ງທີ່ຄົງທີ່ບັນຫາຫຼືເວັບໄຊດັ່ງກ່າວນີ້ຈະມີຄວາມສຳຄັນຫຼາຍ

实例

ພາຍໃນຄວາມກ່າວນີ້،ບັນຫາ<div> ຈະມີລັກສະນະບັນຫາສີສະເພາະທີ່ຈະແຕ່ງຕັ້ງວ່າບັນຫາ<div> ຈະມີລັກສະນະບັນຫາສີສະເພາະທີ່ຈະແຕ່ງຕັ້ງ

div {
  color: blue;
  border: 10px solid currentcolor;
}

亲自试一试

实例

ພາຍໃນຄວາມກ່າວນີ້،<div> ຈະມີລັກສະນະບັນຫາສີສະເພາະທີ່ຈະແຕ່ງຕັ້ງວ່າເວລາສີສະເພາະທີ່ຈະແຕ່ງຕັ້ງຂອງບັນຫາສີສະເພາະຂອງບັນຫາສີສະເພາະ

body {
  color: purple;
}
div {
  background-color: currentcolor;
}

亲自试一试

实例

在这个例子中，

body {
 color: green;
}
div {
  box-shadow: 0px 0px 15px currentcolor;
  border: 5px solid currentcolor;
}

inherit 关键字

inherit 关键字指定属性应从其父元素继承其值。

inherit 关键字可用于任何 CSS 属性，并且可用于任何 HTML 元素。

实例

在这个例子中， 的边框设置将从父元素继承：

div {
  border: 2px solid red;
}
span {
  border: inherit;
}

亲自试一试