<pre>のスタイル集

作成日：2024年10月25日
最新更新日：2024年10月25日

今回は<pre>のスタイル集を紹介します。※今後追加予定あり

1個目

1個目は

<pre><code>aaaaa</code></pre>

pre {
word-wrap: break-word;
background-color: #f4f4f4;
padding: 10px;
border-radius: 4px;
font-size: 16px;
}

2個目

2個目もさっきと同じこのサイトを参考にしています。

<pre><code>aaaaa</code></pre>

pre {
position:relative;
white-space: pre-wrap;
word-wrap: break-word;
overflow: auto;
background-color: #F0F9F4;
color: #000;
border-left: 2px #004c25 solid;
padding: 10px;
border-radius: 4px;
font-size: 15px;
}

aaaaa

3個目

これはこのサイトでも使っているものです。このサイトを参考にしています。

<pre class="code html"><code>aaaaa</code></pre>
<pre class="code css"><code>aaaaa</code></pre>
<pre class="code js"><code>aaaaa</code></pre>
<pre class="code php"><code>aaaaa</code></pre>

aaaaa

aaaaa

aaaaa

aaaaa

です。全部混ぜるとやばいことになります。ちなみに追加予定です。