Style.とは何？わかりやすく解説 Weblio辞書

索引トップ用語の索引ランキング

style

別表記：スタイル

「style」とは、時代・流派などの様式・行動などの独特なやり方・スタイル・文体・話しぶり・思想の表現法・流行のことを意味する英語表現である。

「style」とは・「style」の意味

「style」が名詞として使われるとき、文芸・建築などにおける時代・流派などの様式、行動などの独特なやり方、文体、話しぶり、思想の表現法、流行の型、ぜいたく、上品、型、称号、尖筆、暦法といった意味をもつ。また、副詞的に「～風に」という意味をもつこともある。「style」が動詞として使われるとき、一定の様式に合わせる・型に合わせて作るといった意味をもつ。

「style」の発音・読み方

「style」の発音記号は、「stὰɪl」である。カタカナで表記すると、「スタイル」となる、実際に発音する際は、「スタァィル」というようになる。

「s」は、舌先を前歯の裏の歯茎に近づけ、その隙間から息を出して「ス」と発音する。「t」は、「s」と同様に舌先を前歯の裏の歯茎につけた状態にし、息を止めた状態から、勢いよく息を破裂させるようにして「トゥ」という音を出す。「a」は、口を広く開け、「ア」と発音する。「i」は、口をやや横に開き、舌と上顎との間の空間を狭くしてあまり口を開かず「イ」と発音する。「ai」は、二重母音であるため、「a」から「i」へスムーズに変化させ、1つの音のように発音する。「a」ははっきりと強く、「i」を弱めにぼかして発音するとよい。「l」は、舌先を前歯の裏の歯茎につけ、「ウ」と「ル」を同時に出すように発音する。

「style」の語源・由来

ラテン語で「ろう板に書くための鉄筆」を意味する「stilus」が変化し「style」となった。ドイツ語の「Stil」、フランス語の「style」と同じ語源をもつ。「鉄筆」という書くための方法を表す意味から、鉄筆で書かれた文章の表現上の特色へと転じ、「文体」「様式」「流行の型」を意味するようになった。

「style属性」とは

「style属性」は、HTMLに関連する用語で、HTML ページ内で目的の要素に直接的にスタイルを適用することができる属性のことを指す。「style属性」によって、HTML文書の中の要素にCSSのプロパティと値を直接記入することが可能となる。ただし、「style属性」は「styleタグ」とは別物である。また、コンテンツの表示・非表示のために「style属性」を使うことは、非準拠となる。

「styleタグ」とは

styleタグ（style要素）は、HTMLタグの一種である。head タグ内に記述し、タグの開始タグと終了タグの間にCSSによるスタイル情報を記述する。使用できる属性は、media・scoped・type・グローバル属性である。

「style」の使い方・例文

「style」を「文芸・建築などにおける時代・流派などの様式」という意味で用いる場合は、「The church is built in Gothic style.(その教会はゴシック様式の建築である)」、「style of art(美術様式)」「style of architecture(建築様式)」などといった表現となる。

「style」を「やり方」「スタイル」という意味で用いる場合は、「My mother never changed her style of living.(私の母は少しも生活様式を変えなかった)」、「It is a style of communication in India.(それはインドのコミュニケーション様式だ)」、「It is a style of a decade ago.(それは一昔前のやり方だ)」などといった表現となる。

「style」を副詞的に「～風に」「～流に」という意味で用いる場合、「sit Japanese style(日本式に座る)」「live French style(フランス流に生活する)」といった表現となる。

「style」を「文体」「話しぶり」「思想の表現法」という意味で用いる場合、「Your essay is really good in regard to style(あなたのエッセイは文体に関してはとても良い)」「He told me so in a plain style(彼は平易な表現法で私にそう伝えた)」などといった表現となる。

「style」を「流行の型」という意味で用いる場合、「These shoes of mine are out of style(私のこの靴は流行遅れだ)」「It is the latest styles in clothes(それは服の最新流行型だ)」などといった表現となる。

「style」を「ぜいたく」という意味で用いる場合、「Let's eat in style(豪勢に食事をしよう)」などの表現となる。

（2023年 2月28日更新）

デジタル大辞泉

索引トップ用語の索引ランキング凡例

スタイル【style】

読み方：すたいる

１からだつき。姿。格好。「すらりとして―がいい」

２服飾・頭髪などの型。「最新流行の―」「ヘア―」

３建築・美術・音楽などの様式。型。「前衛的―のビル」「演奏―」

４文章や文学作品の表現形式。特に、文体。「独自の―をもつ作家」

５個人や集団などに固有の、考え方や行動のしかた。「ライフ―」

HTML4.01 リファレンス

索引トップ用語の索引ランキング

style インラインにおけるスタイルシートの設定

HTML 仕様: HTML4.01


機能と値	HTML ＊	Windows	Macintosh
・スタイルシートで定義されている属性	○	IE3,4,5,6 NS4,6	IE3,4,5 NS4,6

適応要素：すべての要素（ただしヘッダ内要素には使えません。）

通常スタイルシートは外部に置くか、ヘッダ内に記述しますが、やむを得ずどうしてもインラインで記述しなければならないときにはこの属性を使ってスタイルを設定します。

＜サンプル＞
<p style="color:#f00"> 〜 </p>

※ HTMLの表記: ◎: HTML4.01Strictで定義されている必須の属性と値; ○: HTML4.01Strictで定義されている属性と値; ▽: HTML4.01Transitionalの属性と値（非推奨）

<style> 〜 </style> スタイルシート

HTML 仕様 : HTML4.01Strict

属性の機能と値		DTD ※
type	MIMEタイプ：スタイルシートの MIMEタイプを指定する	◎
media	メディアタイプ：スタイルシートが出力の対象とするメディアを指定するカンマで区切ることで複数のメディアを列記することもできる。デフォルト値は「`screen`」となっている	○

スタイルシートを組み込みます。head要素内でのみ記述可能で、複数のスタイルシートの定義が可能です。

※ DTDの表記: ◎: HTML4.01Strictで定義されている必須の属性と値; ○: HTML4.01Strictで定義されている属性と値; ▽: HTML4.01Transitionalの属性と値（非推奨）

.NET Framework クラスライブラリリファレンス

索引トップ用語の索引ランキング

Style イベント

パブリックイベントパブリックイベント

	名前	説明
	Disposed	コンポーネントの Disposed イベントを待機するイベントハンドラを追加します。 ( Component から継承されます。)

参照

その他の技術情報

ASP.NET のテーマとスキンの概要
ASP.NET Web サーバーコントロールと CSS スタイル
ASP.NET Web サーバーコントロールとブラウザの機能

Style クラス

ASP.NET モバイルコントロールのスタイル特性を 1 つのオブジェクトに整理します。

名前空間: System.Web.UI.MobileControls
アセンブリ: System.Web.Mobile (system.web.mobile.dll 内)
構文

Visual Basic (宣言)

Public Class Style
    Implements IParserAccessor, ITemplateable, IStateManager,
 ICloneable

Visual Basic (使用法)

Dim instance As Style

public class Style : IParserAccessor, ITemplateable,
 IStateManager, 
    ICloneable

C++

public ref class Style : IParserAccessor, ITemplateable,
 IStateManager, 
    ICloneable

public class Style implements IParserAccessor,
 ITemplateable, 
    IStateManager, ICloneable

JScript

public class Style implements IParserAccessor,
 ITemplateable, 
    IStateManager, ICloneable

解説

基本クラスとしての Style には、すべてのモバイルコントロールに共通するスタイル特性が格納されます。Style クラスから継承されたクラスには、それらに関連付けられているコントロールに固有の付加的なスタイル特性が格納されます。

モバイルコントロールでサポートされるデバイスは多岐にわたるため、どのスタイルプロパティもあくまでアドバイザリとしてのプロパティです。これらのプロパティを実装すべきかどうかは、対象デバイスの機能によって異なります。

Topic	Location
ウォークスルー : 新しいスタイルの実装	モバイルアプリケーションリファレンス

使用例

3 つのユーザー定義スタイルを 1 つの StyleSheet オブジェクトに整理する例を次に示します。この 3 つのスタイルに対応する 3 つの値が SelectionList オブジェクトに保持されます。OnClick コマンドイベントが発生すると、SelectStyle 関数が呼び出されます。この関数は、TextView オブジェクトの StyleReference プロパティを変更します。

Visual Basic

<%@ Page Language="VB" 
    Inherits="System.Web.UI.MobileControls.MobilePage"
 %>
<%@ Register TagPrefix="mobile" 
    Namespace="System.Web.UI.MobileControls"
 
    Assembly="System.Web.Mobile"
 %>

<script runat="server">
    Private Sub SelectStyle(ByVal
 sender As Object, _
        ByVal e As EventArgs)
        
        ' Retrieve the style name as a string
        Dim myStyle As String
 = SelectionList1.Selection.ToString()
        ' Match the style name and apply the style to TextView1
        Select Case myStyle
            Case "hot"
                TextView1.StyleReference = "Style1"
            Case "medium"
                TextView1.StyleReference = "Style2"
            Case "mild"
                TextView1.StyleReference = "Style3"
        End Select
    End Sub
</script>

<html  >
<body>
<mobile:StyleSheet id="StyleSheet1" runat="server">
    <mobile:Style font-size="Large" font-name="Arial"
 font-bold="true"
        forecolor="red" font-italic="true"
 backcolor="#E0E0E0" 
        wrapping="wrap" name="Style1">
    </mobile:Style>
    <mobile:Style font-size="Normal" font-name="Arial"
 font-bold="false" 
       forecolor="Blue" font-italic="true"
 backcolor="blue" 
       wrapping="NoWrap" name="Style2">
    </mobile:Style>
    <mobile:Style font-size="Small" font-name="Arial
 Narrow" 
       font-bold="false" forecolor="Green"
 font-italic="false" 
       backcolor="Green" wrapping="NoWrap"
 name="Style3">
    </mobile:Style>
</mobile:StyleSheet>

<mobile:form id="Form1" runat="server">
    <mobile:Label id="Label1" runat="server"
 Text="Today's Special" 
        StyleReference="title" />
    <mobile:TextView id="TextView1" runat="server"
 
        StyleReference="Style1">
        Chili
    </mobile:TextView>
    <mobile:SelectionList runat="server" id="SelectionList1">
        <item Text="hot" Value="hot"/>
        <item Text="medium" Value="medium"/>
        <item Text="mild" Value="mild"/>
    </mobile:SelectionList>
    <mobile:Command ID="Command1" runat="server"
 Text="Select Style" 
        OnClick="SelectStyle" />
    </mobile:form>
</body>
</html>

<%@ Page Language="C#" 
    Inherits="System.Web.UI.MobileControls.MobilePage" %>
<%@ Register TagPrefix="mobile" 
    Namespace="System.Web.UI.MobileControls" 
    Assembly="System.Web.Mobile" %>

<script runat="server">
    void SelectStyle(object sender, EventArgs e)
    {
        // Retrieve the style name as a string.
        String myStyle = SelectionList1.Selection.ToString();
        // Match the style name and apply the style to TextView1.
        switch (myStyle)
        {
            case "hot":
                TextView1.StyleReference = "Style1";
                break;
            case "medium":
                TextView1.StyleReference = "Style2";
                break;
            case "mild":
                TextView1.StyleReference = "Style3";
                break;
        }
    }
</script>

<html  >
<body>
<mobile:StyleSheet id="StyleSheet1" runat="server">
    <mobile:Style font-size="Large" font-name="Arial" font-bold="true"
        forecolor="red" font-italic="true"
 backcolor="#E0E0E0" 
        wrapping="wrap" name="Style1">
    </mobile:Style>
    <mobile:Style font-size="Normal" font-name="Arial" font-bold="false"
 
       forecolor="Blue" font-italic="true"
 backcolor="blue" 
       wrapping="NoWrap" name="Style2">
    </mobile:Style>
    <mobile:Style font-size="Small" font-name="Arial Narrow"
 
       font-bold="false" forecolor="Green"
 font-italic="false" 
       backcolor="Green" wrapping="NoWrap" name="Style3">
    </mobile:Style>
</mobile:StyleSheet>
<mobile:form id="Form1" runat="server">
    <mobile:Label id="Label1" runat="server" Text="Today's
 Special" 
        StyleReference="title" />
    <mobile:TextView id="TextView1" runat="server" 
        StyleReference="Style1">
        Chili
    </mobile:TextView>
    <mobile:SelectionList runat="server" id="SelectionList1">
        <item Text="hot" Value="hot"/>
        <item Text="medium" Value="medium"/>
        <item Text="mild" Value="mild"/>
    </mobile:SelectionList>
    <mobile:Command runat="server" Text="Select Style" 
        OnClick="SelectStyle" />
    </mobile:form>
</body>
</html>