HTML | テキストを半透明にする

HTMLだけでテキストを半透明にするサンプルコードを紹介しています。
HTMLだけでテキストを半透明にする
HTMLだけでテキストを半透明にするには「style属性」にて「opacity」プロパティを指定します。
「opacityプロパティ」は「0(完全に透過)」から「1(透過なし)」の値を設定する事が可能です。
<p style="opacity:0.5">opacity:0.5</p>
opacity:0.5
0以下の値、1以上の値は「0」または「1」として処理されます。
運営コンテンツ
Material Box
CSS、JavaScript、アイコン画像などのフリー素材サイト
関連記事


HTML | 太字、斜体の強調文字の種類や違いまとめ
HTMLで文字・テキストを太字、斜体にする強調文字はいくつも手段があります。この ...


HTML | 画像にキャプションを付ける
HTMLで画像に<figcaption>タグでキャプションを付ける方 ...


HTML | 画像を角丸、円形にする
HTMLだけで画像を角丸にする方法とサンプルコードを紹介しています。 HTMLだ ...


HTML | 都道府県選択フォームパーツのサンプルコード
都道府県を選択するHTMLフォームパーツのサンプルコードになります。フォームのセ ...


HTML | テキストのフォントを部分的に変更する方法
HTMLでテキストの一部のフォントを部分的に変更する方法とサンプルコードを紹介し ...


HTML | 半角英数字のみが入力可能なフォームパーツのサンプルコード
半角英数字、または半角英字のみ、半角数字のみが入力可能なフォームパーツのHTML ...


HTML | テキストを親要素の上下左右の中央に配置する
HTMLでテキスト親要素の上下左右中央(縦横中央)に配置する方法とサンプルコード ...


HTML | テキストに下線を引く
HTMLだけでテキストに下線を引くサンプルコードを紹介しています。 HTMLだけ ...


HTML | ひらがな、またはカタカナのみ入力可能なフォームパーツのサンプルコード
ひらがな、またはカタカナのみ入力可能なフォームパーツのHTMLサンプルコードと表 ...


HTML | テキストにグラデーションを付ける
HTMLだけでテキストにグラデーションを付けるサンプルコードを紹介しています。 ...


HTML | 画像ファイルを添付するフォームのサンプルコード
画像ファイルを添付するフォームのHTMLサンプルコードと表示例の紹介になります。 ...


HTML | テキストの背景色を変更する
HTMLだけでテキストの背景色を変更するサンプルコードを紹介しています。 HTM ...


HTML | 画像を横並びにする
HTMLで画像を横並びにする方法とサンプルコードを紹介しています。 HTMLで画 ...


HTML | テキストの字間、行間を変更する
HTMLだけでテキストの字間、行間を変更する方法とサンプルコードを紹介しています ...


HTML | iframeタグは非推奨?sandbox属性について
HTMLの<iframe>タグは現在非推奨となっているのかどうか、方 ...
ディスカッション
コメント一覧
まだ、コメントがありません