インプット要素のアウトラインを変更するcss、sass

アウトラインスタイルの値

  • none
    アウトラインは表示されず、太さも0になります。これが初期値です。
  • solid
    1本線で表示されます。
  • double
    2本線で表示されます。
  • groove
    立体的に窪んだ線で表示されます。
  • ridge
    立体的に隆起した線で表示されます。
  • inset
    上と左のアウトラインが暗く、下と右のアウトラインが明るく表示され、アウトラインで囲まれた領域全体が立体的に窪んだように表示されます。上下左右の一部だけに指定しても立体感は出ません。
  • outset
    上と左のアウトラインが明るく、下と右のアウトラインが暗く表示され、アウトラインで囲まれた領域全体が立体的に隆起したように表示されます。上下左右の一部だけに指定しても立体感は出ません。
  • dashed
    破線で表示されます。
  • dotted
    点線で表示されます。
タイトルとURLをコピーしました