コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML枠線点線コードの書き方

HTML枠線点線コードの書き方

下次还敢
リリース： 2024-04-11 07:05:05
オリジナル
751 人が閲覧しました

HTML 要素に点線の境界線を追加するには、border-style 属性を使用できます。構文は element { border-style: dotted; } です。サポートされている破線スタイルには、点線 (破線)、破線 (破線)、実線 (実線)、二重 (二重実線) が含まれます。境界線スタイルは要素のすべての境界線に適用でき、また、次の方法で制御できます。特定の境界線スタイル属性。

HTML枠線点線コードの書き方

#HTML 境界点線コード

HTML 要素に点線境界線を追加するには、

を使用できます。 border-style 属性。

構文: 

<code>element {
  border-style: dotted;
  /* 或 dashed/solid/double/initial/inherit */
}</code>
ログイン後にコピー

例:

破線の境界線を

## に追加します。 # 要素 : <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;code&gt;&lt;div style=&quot;border-style: dotted;&quot;&gt;&lt;/div&gt;&lt;/code&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div>

その他の点線スタイル:

dotted

に加えて、HTML は他の点線スタイルもサポートしています:

    dashed
  • : 破線
    • solid
  • : 実線
    • double
  • : 二重実線
    • initial
  • : 初期値 (デフォルトの実線)
    • inherit
  • : 親要素の境界線スタイルを継承
注:

##border-style
    このプロパティは、要素のすべての境界線に適用されます。特定の境界線に破線を設定するには、
  • border-top-style、border-right-style、border-bottom-style、およびborder- left-style などの属性。 border-width
    • プロパティは、境界線の幅をピクセル単位で制御します。
  • border-color
    • プロパティは境界線の色を設定します。

以上がHTML枠線点線コードの書き方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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