diff --git a/README.md b/README.md index 4204a95..80c8e57 100644 --- a/README.md +++ b/README.md @@ -3,17 +3,17 @@ 文字列をまとめて装飾することもできる. ## 使用方法1(インライン): &highlighter(CSS文字列){文字列}; - 指定した文字列を、指定した CSS文字列のスタイルで表示する。 - CSSを省略した場合しましまとなる。 - CSS付きのspanで指定した文字列をくくっているだけ。単純。 +- 指定した文字列を、指定した CSS文字列のスタイルで表示する。 +- CSSを省略した場合しましまとなる。 + - CSS付きのspanで指定した文字列をくくっているだけ。単純。 ## 使用方法2(ブロック): #highlighter(正規表現,CSS文字列) - 文書中の
  • 要素の中を検索して、正規表現にマッチした文字列のスタイルを CSS文字列に置き換える。 - CSSを省略した場合しましまとなる。 - 注意:正規表現はJavaScriptの正規表現 - 呼び出し箇所に正規表現で探索を行うJavaScriptを生成する。スタイル変更は新しくCSS付きを生成している。 - 注意 上記理由からそこまでに出現しているテキストしかハイライトできない。 +- 文書中の
  • 要素の中を検索して、正規表現にマッチした文字列のスタイルを CSS文字列に置き換える。 +- CSSを省略した場合しましまとなる。 +- 注意:正規表現はJavaScriptの正規表現 + - 呼び出し箇所に正規表現で探索を行うJavaScriptを生成する。スタイル変更は新しくCSS付きを生成している。 + - 注意 上記理由からそこまでに出現しているテキストしかハイライトできない。 ## 使用方法3(ブロック): #highlighter(正規表現,CSS文字列,true) @@ -27,15 +27,17 @@ ##例 -> &highlighter{ハイライト}; する。 +```php + &highlighter{ハイライト}; する。 -> &highlighter(font-size:8em;color:#ff000030){でっかく};する。 + &highlighter(font-size:8em;color:#ff000030){でっかく};する。 -> #highlighter("一行目"); + #highlighter("一行目"); -> #highlighter((.)(.)(.).\\3\\2\\1); + #highlighter((.)(.)(.).\\3\\2\\1); -> #highlighter("三行目","text-shadow: 3px 3px 2px #1040a0, 5px 5px 1px #105010;"); + #highlighter("三行目","text-shadow: 3px 3px 2px #1040a0, 5px 5px 1px #105010;"); -> #highlighter("幕の内","background: linear-gradient(#39FBFF,#4EBEFF)",true); + #highlighter("幕の内","background: linear-gradient(#39FBFF,#4EBEFF)",true); +```