WEB制作 Interenet

HTML上で要素に直接スタイルシートを指定する

投稿日:

style=""

 

・style属性で、要素に対して直接スタイルを指定することができます。
・この属性を使用する場合は、meta要素で基準となるスタイルシート言語を指定しておく必要があります。

 

■サンプルコード


<p style="font-size: 150%; color: red;">文字サイズと文字色を指定してみます。</p>

<p><a href="index.html" style="text-decoration: none;">リンクの下線を消してみました</a></p>

 

■表示例

文字サイズと文字色を指定してみます。

リンクの下線を消してみました

本サイトの内容に誤りや不正確な記述がある場合やサンプルに基づくいかなる結果も一切の責任を負いかねますので、あらかじめご了承ください。

-WEB制作, Interenet

執筆者:

関連記事

『IcoMoon』のWeb-FontをWebページに実装する方法

オリジナルのアイコンフォントを簡単につくれる『IcoMoon』。 自作のSVGアイコンづくりで活用していたけど、 Web-fontも使えるので実装の方法を確認しておく。 『IcoMoon』へアクセスし …

no image

リストマークと字下げインデントのまとめ

画像なしで表現するリストマークのサンプルいろいろ 行頭記号やリストマークなどの装飾を、画像なしで実現する方法を紹介しています。 リストアップの条件は、 先頭に何かしら装飾をつける 2行目以降の先頭を1 …

Atom★余分な改行を削除するには?

コードを打つのに便利なテキストエディタ「ATOM」。 サイト制作には欠かせないです。 このテキストエディタは、本体をインストールした後、自分の好きな機能を「パッケージ」というカタチで後からどんどん追加 …

no image

WP Bizvector コンテンツエリアのウィジェットを編集する

Bizvectorのテーマを使ったサイトで、 トップページとなるフロントページの見え方を修正した方法。 自分用の備忘録。 トップページのリスト表示にアイキャッチ画像も一緒に表示させるようにした。 この …

CSS★CSS変数で色の管理を楽にする!

プログラミングでは「変数」ってよく使いますが、CSSでも使えるようになってました!サイト制作では、CSSがドンドン長くなって、あとで修正するのが大変になりますよね。特に、色を変える時は、ひとつずつカラ …

サイト制作・グラフィック制作をしているデザイナーです。制作で躓いたことの備忘録としてこのブログを始めました。
たくさんの検索結果から、実際に何度も何度も自分で試してみて、自分に合うなと思った方法やうまくいった方法をこのブログに書き留めています。
プログラム関係のことはもっぱらコピペ派。
自分でゴリゴリ書くことはできません。。。プログラムが分かる人がうらやましいです。
そんな私でもなんとかサイト制作ができるのはグーグル先生と貴重な情報をおしげもなく公開してくださっているたくさんの方々のおかげ。
有志のみなさまに日々感謝しつつ制作させていただいています。