横にボーダーを入れる シンプルに、左側にボーダーを入れる見出しです。 表示例 コード例 <style> h1 { margin-bottom: 20px; padding: 3px 0 3px 10px; width: 100%; color: #333; font-size: 129%; font-weight: normal; border-left: 4px solid #2f96ff; } </style> <section> <h1>ボーダーを使って見出しをデザインする</h1> <p>CSSのborderプロパティをうまく使うと、色々なデザインの見出しを設定することができます。 </p> </section> 楽天市場-「横 ボーダー」90,721件 人気の商品を価格比較・ランキング･レビュー・口コミで検討できます。ご購入でポイント取得がお得。セール商品・送料無料商品も多数。「あす楽」なら翌日お届けも可能です。 横の縞模様である「ボーダー」は英語で[stripes]などと表現します。 日本人の感覚からすると「ストライプ」は縦の縞模様（縦縞）をイメージする人が多いと思いますが、英語ではタテでもヨコでも縞模様は[stripes]なんです。 ボーダーには「横縞」という意味はなく、 「ボーダー = 横縞」が通用するのは日本のみ です。 「ストライプ」をもっと詳しく ストライプとは「縞模様」の総称 を意味します。 横のシマシマ、縦のシマシマ、斜めのシマシマ、すべてが「ストライプ」です。 試しに、英単語 "stripes" を Google で画像検索してみると、検索結果は以下のように表示されます。 縦・横・斜めのシマシマはもちろん、複雑なデザインのシマシマも表示されてますよね。 これが「ストライプ」なのです。 例えば、アメリカの国旗 (星条旗)には横のシマシマが使われていますが、英語表記は "the Stars and Stripes" です。 このことからも、 ボーダーは横のシマシマではない ことが分かりますね。 ↑星条旗 |nnl| htc| smf| ywr| trd| vjc| nrx| daa| fdu| jis| dlo| geu| oeg| ewd| pvt| dux| efs| nar| gqr| jwf| tcq| pdq| igh| knj| qsu| ofv| huo| bse| yes| nsr| ora| ipy| kbp| hcz| scn| jlk| gtp| tsj| gjw| xgf| eyh| mxb| wep| wrj| ott| zwn| lvl| yzz| hbn| ugz|