HTMLLinedTextAreaElement.js

INDEX

  1. 概要 / Overview
  2. 要求事項 / Requirement
  3. 使い方 / Usage
    1. デフォルト書式 / Default Styles
    2. カスタム書式 / Custom Styles
  4. 詳細 / Feature
  5. 参考 / Reference
  6. 作者 / Author
  7. ライセンス / License

概要 / Overview

より良い外観の<textarea>を提供します。

要求事項 / Requirement

使い方 / Usage

<lined-textarea>を使うためには、以下のJSファイルを読み込む必要があります。

デフォルト書式 / Default Styles

Code 
<lined-textarea>public class Main {
  public static void main (String[] args) {
    System.out.println("Hello, world");
  }
}</lined-textarea>
Result public class Main { public static void main (String[] args) { System.out.println("Hello, world"); } }

カスタム書式 / Custom Styles

style属性やCSSで背景色、文字色、線色を変更することが可能です。

Code 
<lined-textarea style="
    background-color: ghostwhite;
    border-color: darkslategray;
    color: darkslategray">public class Main {
  public static void main (String[] args) {
    System.out.println("Hello, world");
  }
}</lined-textarea>
Result public class Main { public static void main (String[] args) { System.out.println("Hello, world"); } }

詳細 / Feature

Nothing else.

参考 / Reference

作者 / Author

Refrain (Twitter)

ライセンス / License

The source code is licensed MIT.
The website content is licensed CC BY 4.0,see LICENSE.