html - 差し込み枠の 2 色を制御する

Question

CSS でインセット ボーダーの 2 色を変更する方法があるかどうかを確認しようとしています。

ご存知のように、インセット スタイルは要素に境界線を作成し、境界線が埋め込まれているように見せかけます。これは、下と右の境界線を選択した色にし、上と左の境界線の色を少し暗い色合いに変更することで実現されます。

代替シェードの暗さ、または別の色を制御できる方法を知っている人はいますか?

#myElement{
    border: inset 1px white;
}

ありがとう。

Answer 1

私が述べた方法で制御できるとは思いませんが、各境界線の個々の色を制御できることは確かです。

#myElement{
  border-style: solid;
  border-width: 1px;
  border-top-color: black;
  border-left-color: black;
  border-right-color: white;
  border-bottom-color: white;
}

Answer 2

はめ込み枠のすべての側面に同じ色を使用する場合は、これを試してください。これは私が使用してうまくいきました。

border-style: solid inset solid solid;