DevExpress でのラベルの枠線太さ設定

DevExpress でのラベル（ASPxLabel）の枠線太さ設定のサンプルです。

現状の画面デザインはこのようになっています。

＜ラベルの枠線太さ設定＞

・上下「ASPxLabel」の「Border」に対して「BorderWidth=”1px”」の設定します。

・真ん中「ASPxLabel」の「BorderLeft」に対して「BorderWidth=”1px”」の設定します。

・真ん中「ASPxLabel」の「BorderRight」に対して「BorderWidth=”1px”」の設定します。

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="アキュラ：ラベル" Height="50px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px">
            <Border BorderColor="#FF99FF" BorderStyle="Solid" BorderWidth="1px" />
        </dx:ASPxLabel>
        <br />
        <dx:ASPxLabel ID="ASPxLabel2" runat="server" Text="AQUREX：ラベル" Height="50px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px">
            <Border BorderStyle="None" />
            <BorderLeft BorderColor="#FF99FF" BorderStyle="Solid" BorderWidth="1px" />
            <BorderRight BorderColor="#FF99FF" BorderStyle="Solid" BorderWidth="1px" />
        </dx:ASPxLabel>
        <br />
        <dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="サンプル：ラベル" Height="50px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px">
            <Border BorderColor="#FF99FF" BorderStyle="Solid" BorderWidth="1px" />
        </dx:ASPxLabel>
    </div>
</form>

<div>

<dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="アキュラ：ラベル" Height="50px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px">

</dx:ASPxLabel>

<br />

<dx:ASPxLabel ID="ASPxLabel2" runat="server" Text="AQUREX：ラベル" Height="50px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px">

</dx:ASPxLabel>

<br />

<dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="サンプル：ラベル" Height="50px" Theme="RedWine" Font-Bold="True" Font-Size="15pt" Width="300px">

</dx:ASPxLabel>

</div>

</form>

それでは、実行して動作確認を行います。

↓

無事、ラベル（ASPxLabel）の枠線太さ設定が出来ました。

関連記事はこちら:

DevExpress でのラベル（ASPxLabel）のサンプル作成 DevExpress でのラベル（ASPxLabel）のサンプル作成（Visual Studio 2019）手順です。＜ラベル（ASPxLabel）のサンプル作成（Visual Studio 2019）＞・Visua ......
DevExpress でのラベルのエンコード禁止設定 DevExpress でのラベル（ASPxLabel）のエンコード禁止設定のサンプルです。現状の画面デザインはこのようになっています。注意：今回の設定ではデザインは変わりません。＜ラベルのエンコード禁止設定＞・上 ......
DevExpress でのラベルの上下枠線削除設定 DevExpress でのラベル（ASPxLabel）の上下枠線削除設定のサンプルです。現状の画面デザインはこのようになっています。真ん中のラベルの上下枠線が重複して太く見えます。今回は、この重複部分を削除します。 ......
DevExpress でのラベルの枠線色設定 DevExpress でのラベル（ASPxLabel）の枠線色設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの枠線色設定＞・「ASPxLabel」の「Border」に対して「BorderC ......
DevExpress でのラベルの枠線タイプ設定 DevExpress でのラベル（ASPxLabel）の枠線タイプ設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの枠線タイプ設定＞・「ASPxLabel」の「Border」に対して「Bor ......
DevExpress でのラベルの折り返し禁止設定 DevExpress でのラベル（ASPxLabel）の折り返し禁止設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの折り返し禁止設定＞・「ASPxLabel」に対して「Wrap=̶ ......
DevExpress でのラベルの高さ設定 DevExpress でのラベル（ASPxLabel）の高さ設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルの高さ設定＞・「ASPxLabel」に対して「Height=”50px ......
DevExpress でのラベルのテキスト設定 DevExpress でのラベル（ASPxLabel）のテキスト設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルのテキスト設定＞・「ASPxLabel」のコンテキストメニューから「Text」 ......
DevExpress でのラベルのテーマ設定 DevExpress でのラベル（ASPxLabel）のテーマ設定のサンプルです。現状の画面デザインはこのようになっています。＜ラベルのテーマ設定＞・「ASPxLabel」のコンテキストメニューから「Theme」を ......
DevExpress でのラベルの表示値取得設定（JavaScript） DevExpress でのラベル（ASPxLabel）の表示値取得設定（JavaScript）のサンプルです。ラベル（ASPxLabel）の「JavaScript」一覧は「ASPxClientLabel Class」を ......

投稿タグ: ASPxLabel

MENU

最近の投稿

人気記事