立体的に凹みのあるアウトラインを表示。立体的なアウトラインを表示。「groove」とは反対に凸みが出る。立体的に凹みのあるアウトラインを表示。立体的に凸みのあるアウトラインを表示。上下左右の4辺全てに一括指定することしかできないため、borderプロパティのように特定の辺だけ指定するといったことはできません。アウトラインは指定した要素の外側に線を敷くため、ボーダーよりも外側に表示されます。親要素のmarginプロパティやpaddingプロパティの領域に重なる点に注意してください。パターン1アウトラインのスタイルを「none」(初期値)、太さ5px、カラーコード「#5cb7ff」で指定している例です。class="element1"></p>表示例:パターン2アウトラインのスタイルを「dotted」、太さ5px、カラーコード「#5cb7ff」で指定している例です。class="element2"></p>表示例:パターン3アウトラインのスタイルを「dashed」、太さ5px、カラーコード「#5cb7ff」で指定している例です。class="element3"></p>表示例:パターン4アウトラインのスタイルを「solid」、太さ5px、カラーコード「#5cb7ff」で指定している例です。class="element4"></p>表示例:パターン5アウトラインのスタイルを「double」、太さ5px、カラーコード「#5cb7ff」で指定している例です。class="element5"></p>表示例:パターン6アウトラインのスタイルを「groove」、太さ5px、カラーコード「#5cb7ff」で指定している例です。class="element6"></p>表示例:パターン7アウトラインのスタイルを「ridge」、太さ5px、カラーコード「#5cb7ff」で指定している例です。class="element7"></p>表示例:パターン8アウトラインのスタイルを「inset」、太さ5px、カラーコード「#5cb7ff」で指定している例です。class="element8"></p>表示例:パターン9アウトラインのスタイルを「outset」、太さ5px、カラーコード「#5cb7ff」で指定している例です。class="element1"></p>表示例:こちらの記事は役に立ちましたか?GoodBadありがとうございます。よろしければ、あわせてフィードバックや要望などをご入力ください。コメント送信コメントありがとうございます!運営の参考にさせていただきます。)PHP2019-11-16フォームの基本構造を作成するPHP2019-11-16はしご高など旧字体漢字の文字化けを防ぐRECOMMEND人類を前に進めたいチームラボ代表・猪子寿之さんと評論家・宇野常寛さんによる、チームラボの目指す「境界のない世界」についての対談がまとまった一冊。内容はもちろん、フルカラーで写真も綺麗でした。