dokuwiki_styleinline

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- dokuwiki_styleinline [2018/03/31 17:39] – 管理者
+++ dokuwiki_styleinline [2018/04/20 21:05] (現在) – 管理者
@@ 行 1: / 行 1: @@
+[[start]]＞[[dokuwiki_start]]
+====== DokuWiki - プラグインを使わず文字装飾 ======
+htmlを使えばプラグイン無しで実現できます。（HTMLを使用するため、DokuWikiのサイト設定でHTML埋め込みを許可する必要があります）
+----
+===== デモ =====
+基本
+文書中で<html><span style="background-color:#ff0000;color:#ffff00"></html>カラー<html></span></html>を変えれます。
+入れ子
+<html><span style="background-color:#ffff00;">黄背景</html>
+<html><span style="color:#0000ff">青文字</html>
+<html><span style="font-size:150%">150%</html>
+<html></span></html>
+<html></span></html>
+<html></span></html>
+リストなどで使用可能
+  * <html><span style="background-color:#0000ff;color:#ffffff">青背景＋白文字</html>
+  * <html><span style="background-color:#ff00ff;color:#ffffff">紫背景＋白文字</html>
+===== PR =====
+<html>
+<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
+<!-- respon_0 -->
+<ins class="adsbygoogle"
+     style="display:block"
+     data-ad-client="ca-pub-9251612436023685"
+     data-ad-slot="1409739163"
+     data-ad-format="auto"></ins>
+<script>
+(adsbygoogle = window.adsbygoogle || []).push({});
+</script>
+</html>
+===== サンプル =====
+<code html>
+基本
+文書中で<html><span style="background-color:#ff0000;color:#ffff00"></html>カラー<html></span></html>を変えれます。
+入れ子
+<html><span style="background-color:#ffff00;">黄背景</html>
+<html><span style="color:#0000ff">青文字</html>
+<html><span style="font-size:150%">150%</html>
+<html></span></html>
+<html></span></html>
+<html></span></html>
+リストなどでも使える
+  * <html><span style="background-color:#0000ff;color:#ffffff">青背景＋白文字</html>
+  * <html><span style="background-color:#ff00ff;color:#ffffff">紫背景＋白文字</html>
+</code>
+===== 説明 =====
+下記コードを装飾したい部分に挿入するだけです。改行無しで一行で書けます。装飾方法はスタイルシートに従います。
+<code html>
+<html><span style="スタイルシート設定"></html>
+装飾テキスト
+<html></span></html>
+</code>
+----
+[[start]]＞[[dokuwiki_start]]