コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSの点線スタイルを削除する方法

CSSの点線スタイルを削除する方法

藏色散人
リリース： 2019-01-14 11:06:55
オリジナル
7096 人が閲覧しました

ハイパーリンクがアクティブになるかフォーカスを受け取ると、他のリンクと区別するためにリンクの周囲に点線が表示されます。これはハイパーリンクのデフォルトの動作です。基本的には破線のアウトラインであり、境界線など周囲の要素に影響を与えません。 CSS の点線スタイルを削除したい場合は、CSS プロパティ「outline:none;」を使用してこれを実現できます。

CSSの点線スタイルを削除する方法

CSS の点線スタイルを削除する方法を簡単な例で紹介します。

コード例は次のとおりです。 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>使用CSS删除虚线轮廓</title>
    <style type="text/css">
        a, a:active, a:focus{
            outline: none; /* *适用于Firefox，Chrome，IE8及以上版本* */
 }
    </style>
</head>
<body>
<div class="menu">
    <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Contact</a>
</div>
</body>
</html>
ログイン後にコピー

outline (アウトライン) は、要素の周囲に描かれた線で、境界線の外側に位置し、要素を強調表示できます。アウトライン属性は、要素の周囲にアウトラインを設定します。

注: 必ず、outline-color 属性の前に、outline-style 属性を宣言してください。要素の輪郭の色は、輪郭を取得した後にのみ変更できます。

注: 等高線はスペースを占有せず、必ずしも長方形である必要はありません。


#デフォルト値はなしです。


この記事はCSSの点線スタイルを削除する方法を紹介するもので、初心者にとっても役立つと思います。

以上がCSSの点線スタイルを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
css虚线样式怎么去掉
ソース：php.cn
前の記事：CSS グリッド レイアウトで Grid-template-* プロパティを使用する方法 次の記事：最初の行のインデント効果を実現する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2166
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2315
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1950
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1829
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1880
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート