C# で HTML の境界線の色を変更する |枠線の色のCSSを変更する

このブログ投稿では、C# で HTML の境界線の色を変更する方法を学びます。このガイドでは、C# を使用して HTML ファイルの枠線の色、枠線の CSS、HTML テーブルの枠線の色などをプログラムで効果的に変更するために必要な知識とスキルを提供します。

この記事では次のトピックについて説明します。

  1. HTML ファイルの境界線の色を変更する C# API
  2. HTMLの枠線の色を変更する
  3. 内部CSSを使用した枠線カラーCSS
  4. HTMLテーブルの枠線の色を変更する
  5. 無料の学習リソース

HTML ファイルの境界線の色を変更するための C# API

HTMLファイルの枠線の色を変更するにはAspose.HTML for .NETを使用します。これは、開発者が .NET アプリケーション内で HTML ドキュメントを操作および管理できるようにする強力で多用途のクロスプラットフォーム クラス ライブラリです。 HTML ファイルを作成、編集、変換できます。 Aspose.HTML for .NET を使用すると、HTML ファイルからコンテンツを分析して抽出できます。 HTML5 だけでなく、CSS3 および HTML Canvas 仕様もサポートしているため、HTML ドキュメントのスタイルを設定したり、動的要素を操作したりできます。

API の DLL をダウンロードするか、NuGetを使用してインストールしてください。

PM> Install-Package Aspose.Html

C# で HTML の境界線の色を変更する

border-color プロパティは、要素の 4 つの境界線すべての色を設定します。単一の値が border-color プロパティに割り当てられると、すべての境界線がその色でペイントされます。たとえば、border-color プロパティを色 red に設定すると、4 つの境界線の色はすべて red になります。あるいは、上、右、下、左の境界線に個別の色の値を指定する柔軟性もあります。

以下の手順に従って、HTML 要素の境界線の色を変更できます。

  1. HTMLDocument クラスを使用して、既存の HTML ファイルを読み込みます。
  2. 境界線の色を変更するには、特定の HTMLElement を取得します。
  3. BorderStyle、BorderColor などの境界線スタイル属性を設定します。
  4. 最後に、HTML ドキュメントをファイルに保存します。

次のコード サンプルは、C# を使用して HTML の境界線の色を変更する方法を示しています。

// ソースHTMLファイルへのパスを準備する
string documentPath = "C:\\Files\\input.html";

// ドキュメントを保存するための出力パスを準備する
string savePath = "C:\\Files\\output.html";

// HTMLドキュメントのインスタンスを作成する
var document = new HTMLDocument(documentPath);

// h1 要素を見つけてスタイル属性を設定します
var header = (HTMLElement)document.GetElementsByTagName("h1").First();

// スタイル属性のプロパティを設定する
header.Style.BorderStyle = "solid";
header.Style.BorderColor = "red blue green gray";

// h2 要素を見つけてスタイル属性を設定します
var subheading = (HTMLElement)document.GetElementsByTagName("h2").First();

// スタイル属性のプロパティを設定する
subheading.Style.BorderStyle = "solid";
subheading.Style.BorderColor = "black";

// HTML ドキュメントをファイルに保存する
document.Save(Path.Combine(savePath));
C# で HTML の境界線の色を変更する

C# で HTML の境界線の色を変更する

C# の内部 CSS を使用して境界線の色の CSS を変更する

を使用して内部 CSS を追加することで、境界線の色を変更できます。 <style> element in an HTML document by following the steps below:

  1. HTMLDocument クラスを使用して、既存の HTML ファイルを読み込みます。
  2. を作成する<style> element using the CreateElement() method.
  3. の TextContent を指定します<style> element.
  4. 境界線の色を変更するには、特定の HTMLElement を取得します。
  5. その後、AppendChild() メソッドを使用して style 要素を追加します。
  6. 最後に、HTML ドキュメントをファイルに保存します。

次のコード サンプルは、C# の内部 CSS を使用して境界線の色を変更する方法を示しています。

// ソースHTMLファイルへのパスを準備する
string documentPath = "C:\\Files\\input.html";

// ドキュメントを保存するための出力パスを準備する
string savePath = "C:\\Files\\output_css.html";

// HTMLドキュメントのインスタンスを作成する
var document = new HTMLDocument(documentPath);

// style 要素を作成し、h1 要素に色の border-style および border-color の値を割り当てます。
var style = document.CreateElement("style");
style.TextContent = "h1 { color:Blue; border-style:solid; border-color:rgb(220,30,100) }";

// ドキュメントの head 要素を見つけて、style 要素を head に追加します。
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// HTML ドキュメントをファイルに保存する
document.Save(Path.Combine(savePath));

上記のコード サンプルでは、次の が追加されます。 <style> element in the <head> section of the output HTML document.

<style>
h1 { 
	color: blue; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid; 
	border-top-color: rgb(220, 30, 100); 
	border-right-color: rgb(220, 30, 100); 
	border-bottom-color: rgb(220, 30, 100); 
	border-left-color: rgb(220, 30, 100); }
</style>

C# で HTML テーブルの境界線の色を変更する

内部またはインライン CSS を使用して、HTML テーブルの境界線の色を簡単に変更できます。 を適用できます<style> element to the HTML <table> element.

HTML テーブルの枠線の色を変更するには、次の手順に従ってください。

  1. HTMLDocument クラスを使用して、既存の HTML ファイルを読み込みます。
  2. QuerySelector() メソッドを使用してテーブルを選択します。
  3. SetAttribute() メソッドを使用してスタイル属性を設定します。
  4. 最後に、HTML ドキュメントをファイルに保存します。

次のコード サンプルは、C# で HTML テーブルの境界線の色を変更する方法を示しています。

// ソースHTMLファイルへのパスを準備する
string documentPath = "C:\\Files\\html_table.html";

// ドキュメントを保存するための出力パスを準備する
string savePath = "C:\\Files\\output_table.html";

// HTMLドキュメントのインスタンスを作成する
var document = new HTMLDocument(documentPath);

// 最初のテーブル要素を選択する CSS セレクターを作成する
var element = document.QuerySelector("table");

// 選択した要素のプロパティを使用してスタイル属性を設定します               
element.SetAttribute("style", "border: 2px #0000ff solid");

// HTML ドキュメントをファイルに保存する
document.Save(savePath);
C# で HTML テーブルの境界線の色を変更する

C# で HTML テーブルの境界線の色を変更する

無料ライセンスを取得する

無料の一時ライセンスを取得して、評価制限なしで Aspose.HTML for .NET を試すことができます。

HTML テーブルの作成 – 学習リソース

境界線の色の変更に加えて、以下のリソースを使用して、ライブラリについてさらに詳しく知り、他のさまざまな機能を探索することができます。

結論

このブログ投稿では、C# を使用して HTML ドキュメントの境界線の色を変更する方法を学習しました。さまざまな HTML 要素の境界線の色を変更するさまざまな方法を検討してきました。この記事で説明されている手順とコード サンプルに従うことで、HTML ドキュメントを操作するための独自のカスタマイズされたソリューションを簡単に開発できます。不明な点がある場合は、無料サポート フォーラムまでお気軽にお問い合わせください。

関連項目