header_image

このサイトにはGoogleアドセンス広告とアフィリエイト広告が含まれています。

サムネイル

CSSのfont-style使い方【イタリックと通常体の文字……

2020年12月26日
最終更新日:2023年01月16日
CSSのfont-styleは、文字にイタリック(斜体)などのスタイルを適用させることができるプロパティです。通常体(normal)と斜体(italic、oblique)を指定して、切り替えることが可能です。
サムネイル

CSSのtext-indentの使い方【テキストの文字下げ!……

2020年12月26日
最終更新日:2023年01月16日
text-indentは、テキストの文字下げを設定するためのプロパティです。一文字分だけ字下げしたい場合は、単位に「em」を用いて「1em」と指定します。こうすることで文字サイズに関わらず正確に一文字分だけ文字下げすることができます。
サムネイル

CSSのtext-shadowの使い方【文字に影をつけたり縁……

2020年12月26日
最終更新日:2023年01月16日
text-shadowは、文字に影をつけるためのプロパティです。文字の影はドロップシャドウとも呼ばれます。影の濃さや色、範囲・位置を自由に設定することが可能です。
サムネイル

CSSでひし形を作る方法【画像をトリミングするテクニックも紹……

2020年12月26日
最終更新日:2023年01月24日
CSSにひし形を表示する専用のプロパティはありませんがCSSのtransform:rotateを応用すればCSSだけひし形を作成することが出来ます。
サムネイル

border-radiusを使ってCSSだけで円を作る方法

2020年12月26日
最終更新日:2022年07月05日
CSSに円を表示する専用のプロパティはありませんが実は、CSSのborder-radiusを応用すればCSSだけ円を作成することが出来ます。
サムネイル

CSSのfont-weightで文字を太字(bold)にする……

2020年12月25日
最終更新日:2023年01月16日
font-weightは、文字の太さを変更するためのプロパティです。太さを指定したのに思い通りに反映されない場合は、元々フォントに太字が用意されていないという場合がほとんどです。
サムネイル

CSSの!importantの使い方【優先順位を変更する方法……

2020年12月24日
最終更新日:2023年01月24日
「!important」を使うと、記述場所やセレクターのルールを無視して強制的に優先順位を最上位にして、プロパティの値を適用することができます。
サムネイル

CSSのコメントアウトの書き方【複数行に渡るときやキーボード……

2020年12月23日
最終更新日:2023年01月10日
「/*」と「*/」の間は全てコメントアウトとしてブラウザに認識されるので、スタイルなどサイトの表示に影響を及ぼしません。
サムネイル

CSSのfont-familyの使い方【文字のフォントを変更……

2020年12月22日
最終更新日:2023年01月24日
font-family:「フォント名」という形で文字に適用させたいフォントを指定することで閲覧するデバイスに対して指定フォントを表示させるようにできます。
サムネイル

CSSのfont-sizeプロパティの使い方【文字サイズを変……

2020年12月21日
最終更新日:2023年01月10日
font-sizeは、その名の通り文字の表示サイズを指定するプロパティです。px、%、em(rem)、vw(vh)などの単位によって絶対・相対的な値を指定することができます。
サムネイル

CSSのborderプロパティの使い方【初心者にもわかりやす……

2020年12月20日
最終更新日:2022年07月05日
borderプロパティは、要素の上下左右の4辺に線を表示させることができるプロパティです。上下左右全て表示させて四角い枠にしたり、指定した方向の辺のみ表示させることも可能で、線の太さや色を自由に指定することが可能です。線の種類・太さ・色を任意のものに設定して表示します。
サムネイル

CSS入門編-CSSの役割と使い方を解説

2020年12月19日
最終更新日:2023年03月13日
CSSとは? WEBサイトの基本構造を担うのがHTMLであるのに対し、WEBサイトのデザインを担うものがCSSです。 HTMLの文字の大きさや色、配置などをCS […]
サムネイル

HTMLとCSSだけでアコーディオンメニューを作る方法【初心……

2020年12月18日
最終更新日:2022年07月05日
アコーディオンメニューとは、メニューの項目名をクリックすると非表示にされていたコンテンツが項目名の下に広がって表示される機能のことです。HTMLとCSSだけで簡単に実装することが可能です。
サムネイル

HTMLでスクロールバーを表示させる方法

2020年12月17日
最終更新日:2022年01月28日
HTMLで表示させるスクロールバーとは? HTMLとCSSを用いることでサイト内のコンテンツを一部だけ見えるようにし隠れた部分をスクロールして見るようにすること […]
サムネイル

HTMLにGoogle MAP(グーグルマップ)の埋め込みを……

2020年12月16日
最終更新日:2022年01月28日
Google MAPとは? 埋め込みとは? 自身のサイトのページの中に特定の場所を示したGoogle MAPを表示させることが出来ます。 簡単かつ無料なうえ、ペ […]
サムネイル

HTMLのtable(テーブル)タグの使い方

2020年12月15日
最終更新日:2022年01月27日
<table>タグとは? WEBサイトに表を表示させたい場合にHTMLの<table>(テーブル)タグを使用します。 単に表の作成に利用 […]
サムネイル

HTMLのformタグで入力フォームを作る方法

2020年12月14日
最終更新日:2022年01月28日
<form>タグとは? 「フォームで入力した内容を送信する」機能をもつHTMLタグです。 問い合わせフォームは、別に集計してメールを送る処理を記述し […]
サムネイル

HTMLで箇条書き【ul・ol・liタグの使い方を初心者にも……

2020年12月13日
最終更新日:2022年07月05日
HTMLで要素を箇条書きの形式で並べたり、リストを作りたい場合にはulタグ(もしくはolタグ)とliタグを使用します。ulタグ(olタグ)を親要素にし、その中に子要素となるように、項目ひとつひとつをliタグで記述することでリストができあがります。
サムネイル

HTMLでの特殊文字の記述

2020年12月12日
最終更新日:2022年01月28日
特殊文字とは? 「」や「©」などは特殊記号とされ、ブラウザなどの閲覧環境によっては正しく表示されない可能性があります。 また、HTML上で入力した「ス […]
サムネイル

HTMLでルビ(ふりがな)をふる方法【rubyタグの使い方】

2020年12月11日
最終更新日:2023年03月10日
rubyタグとrtタグを使えばルビを振る(ふりがなを付ける)ことが可能です。ルビを振りたい単語をrubyタグで囲み、ルビの部分をrtタグで囲みます。
サムネイル

HTMLのblockquoteタグの使い方【文章を引用すると……

2020年12月10日
最終更新日:2023年03月09日
他のサイトから引用を行うときは引用タグを使った上で、見た目においても引用であることをわかるようにし、また引用元を表記しなくてはなりません。
サムネイル

HTMLのimgタグで画像を表示する方法

2020年12月09日
最終更新日:2022年01月27日
<img>タグとは? <img>タグは写真や画像を表示させるために使用するタグです。 <img>タグの記述の仕方 <i […]
サムネイル

HTMLでコピーライトを表記する方法【特殊文字で記号を表示さ……

2020年12月08日
最終更新日:2023年03月09日
HTMLでコピーライトを表記する際には、注釈などに使用するsmallタグを用いることが一般的です。コピーライト記号を使用する際は、特殊文字として専用の文字コードを用いて記述します。
サムネイル

HTMLのコメントアウトの書き方【複数行に渡るときやキーボー……

2020年12月07日
最終更新日:2023年01月10日
コメントアウトとは? コメントアウトとはHTMLやCSS・Javascriptのコードの中に補足や説明などを書き加えるための方法のことです。 コメントアウトを行 […]