mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2025-01-10 09:20:26 +00:00
8d71942faa
* [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\customising\Customise TiddlyWiki.tid' * [ja-JP] Japanese translation of editions\tw5.com\tiddlers\howtos\Adding_a_table_of_contents_to_the_sidebar.tid * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\customising\Configuring startup tiddlers.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\Configuring the default TiddlerInfo tab.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\customising\Alternative page layouts.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\Creating a custom export format.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\Creating a splash screen.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\customising\Creating new toolbar buttons.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\customising\Customising search results.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\customising\Customising TiddlyWiki's user interface.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Settings.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting Content to be displayed for empty story.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting Default Tiddler Colour.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting Default Tiddler Icon.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting_ Disable Drag and Drop.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting_ Disable Lazy Loading.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting_ Enable File Import in Editor_1.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting SaveWikiButton Filename.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\How to apply custom styles by tag.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\Making a custom journal button.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\Setting a favicon.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\Preserving open tiddlers at startup.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\Setting a page background image.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\Using Stylesheets.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\Debugging Stylesheets.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\Custom_styles_by_data-tags.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\Custom_Attribute_Selectors.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\Custom Styles by title.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\Custom Styles by userClass.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\Custom_Styles_FAQ.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\faq\csFAQ_dynamic_stylesheet.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\faq\csFAQ_how_can_i_use_custom_field.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\faq\csFAQ_what_if_tiddler_has_no_tags.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\faq\csFAQ_what_this_and_that_tag.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\faq\csFAQ_what_this_or_that_tag.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\Custom tag pill styles.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\howtos\How to apply custom styles by tag.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\wikitext\Styles and Classes in WikiText.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting HtmlParserDisableSandbox.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting_ More Tabs Horizontal.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting Search-NavigateOnEnter.tid' * [ja-JP] Japanese translation of '\editions\tw5.com\tiddlers\hiddensettings\Hidden Setting NewImageType.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting Default Story Ordering.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting_ Scroll Top Adjustment.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting_ Search AutoFocus.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting SearchMinLength.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting ShowEditPreviewPerTiddler.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting SyncLogging.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting SyncPollingInterval.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting Sync System Tiddlers From Server.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting EditTabIndex.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting TagsMinLength.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting SaveWikiButton Template.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting_ Typin Refresh Delay.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\hiddensettings\Hidden Setting ViewTemplate and EditTemplate.tid' * [ja-JP] Japanese translation of 'editions\tw5.com\tiddlers\Hidden Setting_ Import Content Types for Editor.tid'
75 lines
3.8 KiB
Plaintext
75 lines
3.8 KiB
Plaintext
caption: スタイルとクラス
|
|
created: 20131205160532119
|
|
modified: 20241123111135825
|
|
original-modified: 20230726105744098
|
|
tags: WikiText [[How to apply custom styles]]
|
|
title: Styles and Classes in WikiText
|
|
ja-title: WikiTextでのスタイルとクラス
|
|
type: text/vnd.tiddlywiki
|
|
|
|
CSSスタイルとクラスは、`@@二重のアットマーク@@`で囲まれたインラインコンテンツまたはブロックコンテンツに適用できます。クラスは、特定のブロックWikiText要素に適用できます。
|
|
|
|
スタイルやクラスを指定せずに`@@二重のアットマーク@@`でラップされた//インラインコンテンツ//には、`tc-inline-style`クラスが割り当てられ、ハイライトされたテキストとして表示されます。ハイライトされたテキストの前景色と背景色は、現在のパレットで`highlight-background`と`highlight-foreground`として定義されている色が使われます。
|
|
|
|
<<wikitext-example src:"@@ハイライトされたテキスト@@">>
|
|
|
|
!! スタイル
|
|
|
|
複数のスタイル属性(例: `color`)は、各属性の後にセミコロン`;`をつけ、開始の`@@`の直後に、スペースを入れずに、記述します。
|
|
|
|
<<wikitext-example src:"@@color:steelblue;background-color:lightcyan;カスタムスタイルのテキスト@@">>
|
|
|
|
同様に、//ブロックコンテンツ//にもスタイルを適用できます。スタイルやクラスを指定せずに`@@`内にブロック コンテンツをラップしても効果はありません。
|
|
|
|
<<wikitext-example src:"@@background-color:lightcyan;
|
|
* アイテム 1
|
|
* アイテム 2
|
|
@@
|
|
">>
|
|
|
|
!! クラス
|
|
|
|
次のTiddlerでは、デモンストレーションの目的で`coloured-text`クラスと`coloured-bg`クラスが定義されています:
|
|
|
|
|
|
```
|
|
.coloured-text {color: darkkhaki;}
|
|
.coloured-bg {background-color: cornsilk;}
|
|
```
|
|
|
|
<style>
|
|
.coloured-text {color: darkkhaki;}
|
|
.coloured-bg {background-color: cornsilk;}
|
|
</style>
|
|
|
|
複数のクラス(それぞれ`.`のプレフィックス付き)は、開始の`@@`の直後にスペース` `を空けて記述します。これは、インラインコンテンツとブロックコンテンツの両方で機能します:
|
|
|
|
<<wikitext-example src:"@@.coloured-text.coloured-bg 2つのクラスが割り当てられたインラインコンテンツ@@">>
|
|
|
|
<<wikitext-example src:"@@.coloured-bg
|
|
* ブロックコンテンツ
|
|
* 1つのクラスを割り当て
|
|
@@">>
|
|
|
|
複数のクラスとスタイルを同時に適用できます。インラインコンテンツの場合は、最初にスタイルを定義し、その後にクラスを定義する必要があります。
|
|
|
|
<<wikitext-example src:"@@font-size:1.5em;.coloured-text.coloured-bg カスタムスタイルとクラスを持つテキスト@@">>
|
|
|
|
ブロックコンテンツの場合、スタイルとクラスは、インラインコンテンツの場合と同じように開始`@@`の後の1行で定義することも、それぞれ`@@`で始まる別々の行で定義することもできます:
|
|
|
|
<<wikitext-example src:"@@font-size:1.5em;
|
|
@@.coloured-text
|
|
@@.coloured-bg
|
|
* ブロックコンテンツ
|
|
* カスタムスタイルとクラス
|
|
@@">>
|
|
|
|
同様に、行の先頭の文字によって導入されるブロックWikiText要素に、スタイルではなくクラスを適用できます。プレフィックス`.`が付くクラスは、特殊文字の直後に記述され、その後にスペース` `が続きます。
|
|
|
|
<<wikitext-example src:"!!!.coloured-bg カスタム背景クラスを使用した見出し。
|
|
|
|
* 標準のリスト要素。
|
|
*.coloured-bg カスタム背景色を持つリスト要素。
|
|
*.coloured-text カスタムテキスト色を持つリスト要素。
|
|
*.coloured-bg.coloured-text 両方のカスタムクラスを持つリスト要素。
|
|
">> |