ホームページ >ウェブフロントエンド >htmlチュートリアル >css:outline_html/css_WEB-ITnose
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .box { width: 500px; height: 300px; outline: dashed #0082cb; border: 1px solid red; } </style> </head><body> <div class="box"> ontline-style:dashed:定义点状的轮廓; solid double groove:定义3D凹槽轮廓,此效果取决于outline-width的值 ridge:定义3D凹槽轮廓,此效果取决于outline-color值 inset:定义3D凹边轮廓,此效果取决于outline-color的值; outset:定义3D凹边轮廓,此效果取决于outline-color的值; inherit:继承; ooutline-color;outline-width; </div></body></html>
オンラインスタイル: 破線: 点状の輪郭を定義します。実線の二重溝: 3D 溝の輪郭を定義します。この効果は、輪郭幅の値に依存します。 リッジ: 3D 溝のアウトライン、この効果はアウトラインの色の値に依存します。 inset: 3D 凹面エッジのアウトラインを定義します。この効果は、outset-color の値に依存します。 outset: 3D 凹面のエッジのアウトラインを定義します。この効果は、outline の値に依存します。 -color; 継承: ooutline-color;outline-width;