HTML
buttonがcanvasと重なってクリックできない時の解決方法を自分用にメモ。 [ 解決方法 ] canvas要素のpointer-eventsの値をnoneに設定することで、canvasのクリック判定を無効化することができます。これによりbutton要素をクリックできるようになります。 <canvas id="Canvas" style="pointer-events: none;"> </canvas>
divタグのmarginを指定する方法を自分用にメモ。 [ 方法 ] 上右下左の順番でmarginを指定します。 <div style="margin: 10px 10px 10px 10px"> </div>
フォントの色を指定する方法を自分用にメモ。 [ 方法 ] <font color="#FFFFFF"> </font>
フォントのサイズを指定する方法を自分用にメモ。 [ 方法 ] <font size="5"> </font>
画像に輪郭線を追加する方法を自分用にメモ。 [ 方法 ] <img src="ImageTest.png" style="border:1px solid #FFFFFF;">
画像のサイズを指定する方法を自分用にメモ。 [ 方法 ] <img src="ImageTest.png" width="100px" height="100px">
フォントを指定する方法を自分用にメモ。 <font style="font-family:fantasy;"> </font>
背景色を指定する方法を自分用にメモ。 [ 方法 ] <body bgcolor="#FFFFFF"> </body>
Safariでinputタグのbuttonが丸くなってしまう時の解決方法をメモ。 [ 解決方法 ] 「-webkit-appearance:none;」を追加すれば解決できます。 [ 使用例 ] <input type="button" value="START" style="-webkit-appearance:none;">
inputタグのbuttonを使ってリンクを貼る方法を自分用にメモ。 [ 方法 ] <input type="button" onClick="location.href='https://edunity.hatenablog.com'">
画像を表示する方法を自分用にメモ。 [ 方法 ] <img src="ImageTest.png" >
センタリングする方法を自分用にメモ。 [ centerタグを使う方法 ] <center> </center> [ divタグを使う方法 ] <div align="center"> </div>
プログラムを折りたたむ方法を自分用にメモ。 [ 折りたたみ方 ] プログラム内で折りたたみたい部分を下記の様に囲めば、折りたたむことができるようになります。
