「この記事では、HTMLファイルのCSSでさまざまなアプローチを使用して境界線のサイズを変更する方法について説明します。 divコンテナには、色、サイズ、形状など、多くの異なるスタイルと美的属性を持つ境界線が含まれています。 この記事では、Notepad ++を使用して、Border-widthなどのCSSが提供するさまざまなプロパティを使用して境界線のサイズを変更することにより、HTMLファイルを編集します。」 例01:スタイルタグCSSを使用してHTMLファイルの境界線のサイズを変更する この例では、HTMLファイルのheadタグでCSSを使用して、divコンテナーの境界線のサイズを変更します。 このファイルで作成されるすべてのdivコンテナーに対して、スタイルタグにあるdivセクションで定義する定義済みの編集スタイルを持つユニバーサル関数を定義します。 したがって、このタスクを実行するために、次のスクリプトを生成します。 上記のHTMLファイルのスクリプトでわかるように、いくつかのプロパティが1つずつ定義されているdivが呼び出されるスタイルタグを開きました。 1つはパディングです。これにより、ブラウザのページと境界線の間にdivコンテナにスペースが与えられます。 次に、borderプロパティ自体を呼び出しました。このプロパティでは、境界線のサイズと境界線の種類を定義します。 この場合、「1px」と「solid」に設定されています。 次に、同じプロパティ関数で最も一般的に使用されるブラウザーをサポートするWebキットを追加しました。 次に、スタイルとヘッドのタグを閉じ、ボディのタグを開きました。 このタグでは、このファイルをブラウザで開いたときにページに表示されるすべてのものについて説明しました。 「h2」タグを使用して見出しを追加し、テキストを含むdivコンテナも追加しました。 このdivコンテナは、ファイルのヘッダーにあるスタイルタグで定義されたすべてのプロパティを継承します。 これらのタグはこの後閉じられます。 次に、このファイルを「.html」形式で保存し、ブラウザで開いて次の出力を確認します。 上記の出力からわかるように、見出しとdivコンテナーが存在し、コンテナーの境界線も薄いサイズで表示され、テキストも含まれています。 次に、上記のスクリプトを編集し、ヘッダーセクションのスタイルタグの境界線のサイズを変更して、コンテナの境界線のサイズの違いを視覚化します。 上記のスクリプトでサイズを「1px」から「5px」に調整して、コンテナの境界線を太くしました。 スクリプトを実行したときに、この変更がブラウザにどのように表示されるかを見てみましょう。 上記の出力からわかるように、前の出力と比較して、境界線のサイズが太くなっています。 例#02:HTMLファイルの境界線のサイズを制御するためのCSSスタイルタグでのクラスの作成 […]
The post CSSボーダーサイズ appeared first on Gamingsym Japan.