全国個人事業主支援協会 | 工藤 | Activity https://kojinjigyou.org/member-index/kudo_m3127/activity/ 工藤 についてのアクティビティフィード。 Wed, 08 Apr 2026 16:01:13 +0900 https://buddypress.org/?v=6.3.0 ja 30 hourly 2 07f5922d90ec22dd0b55b976035b3b95 工藤 wrote a new post, 表示に関するCSSプロパティ－display https://kojinjigyou.org/?p=106535 Wed, 21 Jan 2026 14:05:45 +0900 表示に関するCSSプロパティ－display
①display
displayは、要素の表示形式を指定するプロパティです。
ざっくりというと要素の表示形式を決めるものです。たとえばp {display: block}や、span {display: inline}のように使われます。
代表4例

block p、div、ul、h1〜h6などのタグの初期値はコレ
inline a、span、imgなどの[…]

]]> a86149659115c67afdf4d4b3e6525c19 工藤 wrote a new post, 枠線に関するCSSプロパティ https://kojinjigyou.org/?p=106521 Tue, 30 Dec 2025 02:32:52 +0900 枠線に関するCSSプロパティについて紹介します。
①border
borderは、ボーダーの太さ・スタイル・色をまとめて指定するプロパティです。
border-width、border-style、border-colorの３つの内、設定したいプロパティの値を指定します。
下の例だと、「5px」で「#000000色」の「1本線」を引く、という意味になります。

例

border: 5px[…]

]]> 6f6efcf8ebe194ce6a74d90e5280316c 工藤 wrote a new post, 位置に関するCSSプロパティ－z-index https://kojinjigyou.org/?p=106528 Mon, 08 Dec 2025 10:48:59 +0900 […]

]]> fc9de6d30a120fe157b9b2a86bf03f91 工藤 wrote a new post, 位置に関するCSSプロパティ－position https://kojinjigyou.org/?p=106526 Fri, 28 Nov 2025 03:41:49 +0900 位置に関するCSSプロパティ－position
positionは、要素の位置を指定するプロパティです。
よく使うのはrelativeとabsoluteという値で、上下左右の方向からの距離をセットで指定します。
① relative
relativeを指定すると、その要素の本来の表示位置を基準にして位置が決まります。

relativeの例

position: relative;
top[…]

]]> c86f82cee7fd491cfbc2432140734a3d 工藤 wrote a new post, 余白に関するCSSプロパティ https://kojinjigyou.org/?p=106524 Thu, 16 Oct 2025 02:33:34 +0900 余白に関するCSSプロパティ
①margin
marginはborderの外側の余白を指定するプロパティです。
marginは隣り合う要素との距離を調整して、レイアウトを整えることができます。

例

margin: 100px;

②padding
paddingはborderの内側の余白を指定するプロパティです。
paddingは要素の中の余白を広げて、要素の見え方を整[…]

]]> b2d328cf8b727bdd891e522f3a2245f5 工藤 wrote a new post, 横幅と高さに関するCSSプロパティ② https://kojinjigyou.org/?p=84537 Sun, 10 Aug 2025 06:14:43 +0900 widthとheight
widthは要素の幅、heightは要素の高さを指定するプロパティです。
単位は「px」や「%」などがあります。「%」で指定した場合、親要素に対する割合として計算されて幅や高さが決まります。
▼表示例
height: 300px;
プロパティの値

プロパティ名

値

説明

height

auto

自動 （初期値）[…]

]]> 4cd463f377f732ac7ae3eaa230c9688c 工藤 wrote a new post, 横幅と高さに関するCSSプロパティ① https://kojinjigyou.org/?p=84534 Tue, 08 Jul 2025 14:13:31 +0900 横幅と高さに関するCSSプロパティには以下があります。
widthとheight
widthは要素の幅、heightは要素の高さを指定するプロパティです。
単位は「px」や「%」などがあります。「%」で指定した場合、親要素に対する割合として計算されて幅や高さが決まります。
▼表示例
width: 80%;
プロパティの値

プロパティ名

値

説明

width[…]

]]> 5e0a47bf0b0c8813eb579a7b8ca0d770 工藤 wrote a new post, プロパティ: background-attachment https://kojinjigyou.org/?p=84531 Fri, 20 Jun 2025 02:04:12 +0900 background-attachmentは背景画像の固定表示を指定するプロパティです。
※ウィンドウに対する固定表示となるので、注意が必要です。
このスタイルを設定すると、背景画像がスクロールされなくなります。
▼記述例
background-attachment: fixed;
プロパティの値

プロパティ名

値

説明

background-attachm[…]

]]> f0464257f10b1fa83daed2e3374dea46 工藤 wrote a new post, プロパティ: background-position https://kojinjigyou.org/?p=84529 Sun, 18 May 2025 06:00:53 +0900 background-positionは背景画像の表示位置を指定するプロパティです。
▼記述例
background-position: right top;
プロパティの値

プロパティ名

値

説明[…]

]]> 5f66189600c9457349a6b9921fa5d2b5 工藤 wrote a new post, プロパティ: background-repeat https://kojinjigyou.org/?p=84527 Wed, 02 Apr 2025 08:54:09 +0900 background-repeatは背景画像の並び方を指定するプロパティです。
▼記述例
background-repeat: repeat-y;
プロパティの値

プロパティ名

値

説明[…]

]]> aa656b775d9791b24a916a05f437d1e9 工藤 wrote a new post, プロパティ:background-image https://kojinjigyou.org/?p=84525 Sat, 08 Mar 2025 13:48:40 +0900 background-imageは背景画像を指定するプロパティです。
▼記述例
background-image: url(back.gif);
プロパティの値

プロパティ名[…]

]]> 34eefcf470aedaad39004811c7f39322 工藤 wrote a new post, プロパティ:background-color https://kojinjigyou.org/?p=84522 Sat, 01 Feb 2025 05:45:33 +0900 background-colorは背景色を指定するプロパティです。
▼記述例はこちら
background-color: #ffffff;
このコードを指定することで、背景が白になります。
 
プロパティの値[…]

]]> 373ad645ecdab89c1efe3aac697528ff 工藤 wrote a new post, 背景に関するCSSプロパティ https://kojinjigyou.org/?p=84516 Fri, 10 Jan 2025 08:35:57 +0900 背景に関するCSSプロパティ

プロパティ名

値

説明

background

background-colorの値

背景色を指定

background-imageの値

背景画像を指定

background-repeatの値

背景画像の並び方を指定

backgroun[…]

]]> 649b64ed861ed1d4aedf74884e62d580 工藤 wrote a new post, テキストに関するCSSプロパティ https://kojinjigyou.org/?p=84513 Sun, 15 Dec 2024 05:34:20 +0900 テキストに関するCSSプロパティは以下2つをご紹介します。
line-height
text-align
－－－－－－－－－－－－－－－－－－－－－
line-heightは、行間を設定するプロパティです。
例えば「1.5」と指定すると、フォントサイズにその数値を掛けた値が行の高さになります。
この場合、「150%」や「1.5em」と書くこともできます。
text-alignは、行の揃え位置を指定するプロパティで[…]

]]> 65c9afccd05be8f9d918e8416eb14b45 工藤 wrote a new post, プロパティ:text-decoration https://kojinjigyou.org/?p=74440 Wed, 13 Nov 2024 04:14:41 +0900 text-decorationは、テキストを装飾するプロパティです。
下線や打ち消し線などをつけることができます。

1
2
3
4

text-decoration: none;
text-decoration: underline;
text-decoration: overline;
text-decoration: line-through;[…]

]]> 9b229c1a982d4b820ac8e800cdd606b8 工藤 wrote a new post, プロパティ:text-align https://kojinjigyou.org/?p=74438 Thu, 10 Oct 2024 04:13:02 +0900 text-align
水平方向の揃え方を指定するプロパティです。
このプロパティをブロックレベル要素（または表のセル）に指定すると、その中に含まれるインライン要素（テキストや画像等）を左 中央 右などに揃えることができます。
text-align: center;
プロパティの値

プロパティ名

値

説明

text-align

left

左寄[…]

]]> df88c2b71256ba13d9d05c34a31bc93d 工藤 wrote a new post, プロパティ:font-style https://kojinjigyou.org/?p=74435 Mon, 23 Sep 2024 04:05:55 +0900 font-style
フォントのスタイル（イタリック体と斜体）を指定するプロパティです。
例）
font-style: italic;
font-style プロパティは、以下の一覧から選択した単一のキーワードで指定し、キーワードが oblique であれば任意で角度を含めることができます。[…]

]]> 25721c75fb43914a0e9e5fa943a76b44 工藤 wrote a new post, プロパティ:font-weight https://kojinjigyou.org/?p=74432 Mon, 23 Sep 2024 03:59:06 +0900 […]

]]> 91750dcd7400818562a3eaebcb2b55d7 工藤 wrote a new post, プロパティ:font-family https://kojinjigyou.org/?p=74428 Mon, 23 Sep 2024 03:55:56 +0900 font-family
font-familyは、CSSで設定する「文字種類の指定ができる」プロパティになります。 代表的なフォントファミリーは、arial、Times New Roman、メイリオ、游ゴシック、ヒラギノ角ゴシックなどになります。
ユーザーの環境に合わせて、先に書いた順にフォントが適用されます。

1
2

fon[…]

]]> f96e1a199ceffdcb67ca219a92c3e673 工藤 wrote a new post, プロパティ:font size https://kojinjigyou.org/?p=69725 Sun, 16 Jun 2024 08:06:05 +0900 今回は、「font-size」についてお話します。
font-sizeは、文字の大きさを指定するプロパティです。
単位は「px」や「%」、「em」などがあります。

プロパティ名

値

説明

font-size

長さ、%

数値+単位（em 等）またはパーセント

（絶対サイズ）

xx-small

超極小のサイズ[…]

]]> bfba7376c178d098a6687137ee3fc671 工藤 wrote a new post, プロパティ:color https://kojinjigyou.org/?p=69723 Sun, 16 Jun 2024 08:00:16 +0900 今回は、前回のまとめ記事からプロパティを1つずつ紹介していきたいと思います！

まず今回紹介するのはこちら↓
「color」 
colorは、文字の色を指定するプロパティです。
色の値については、「red」などの色の名前やrgb関数、「#000000」のような16進数のカラーコードで指定しますが、HTMLと同じ指定方法と、CSS独自の指定方法があります。
HTMLと同じ指定方法

#ff0000[…]

]]> 5ee48bba0b241c96d3a93151bd54e79a 工藤 wrote a new post, よく使うプロパティまとめ https://kojinjigyou.org/?p=66565 Fri, 05 Apr 2024 08:02:14 +0900 前回お話した通り今回は、よく使う19種類のCSSプロパティを並べました！

カテゴリ

プロパティ

できること

文字

color

文字の色を指定する

font-size

文字の大きさを指定する

font-family

文字の種類を指定する

font-weight[…]

]]> ccc8a5ace9d9510db95249f36ea59794 工藤 wrote a new post, CSSプロパティについて https://kojinjigyou.org/?p=66559 Fri, 05 Apr 2024 07:55:47 +0900 HTMLに触れたところで、次はCSSについてまとめようと思います。

デザインを変更したいなどの理由でCSSを扱う際に必要になるのがプロパティ。

プロパティってどんなもの？
どんな仕組みでどんな役割があるのかわからない
そもそもCSSが全くわからない

CSSがどういった役割なのかわからないと難しいです。
CSSは理解するまでが難しいのですが、覚えてしまえば簡単[…]

]]> c702938d657f98b43ed9eb209194b114 工藤 wrote a new post, 振り返って https://kojinjigyou.org/?p=64473 Sun, 25 Feb 2024 09:29:35 +0900 お久しぶりです！
前回は「HTML」とは何か？どんなことができるのか？また、覚えておきたい基本のタグなど、ざっくりと記述しました！
HTMLを理解すると、普段閲覧しているWEBページがどんな風に構成されているのかを知ることができるだけでなく、IT系の仕事を目指す人や、既に携わっている業務の幅を広げるきっかけにもなると思います！
基本的にはどんなWEBサイトもブラウザでHTMLソースコードを表示させることは可能なので、さま[…]

]]> 6293b77500ad194efe028f635820ea26 工藤 wrote a new post, よく使うhtmlについて② https://kojinjigyou.org/?p=63150 Sun, 28 Jan 2024 02:56:58 +0900 続きを紹介します！
⑥brタグ
テキスト内や間で改行する際に使うタグ
brはbreak（改行）の略です。改行したい部分にのみbrタグを使用して、終了タグは必要ありません。

表示例

明日はhtmlのセミナーです。

プログラミング初心者に必要な知識が身につくので、頑張りましょう。

⑦リストタグ（ul・ol・li）
リストタグは、箇条書きのように表示したい場合に使うタグ
ulタグ・olタグ・liタ[…]

]]> da4fc27fb02fc07e8da3bc94559092a5 工藤 wrote a new post, よく使うhtmlについて① https://kojinjigyou.org/?p=62204 Sun, 31 Dec 2023 04:32:37 +0900 ここからは仕事で使う事柄達をアップしていきたいと思います！
ノート的な感じでまとめて自分の振り返りや、読んだ方の手助けになれたらと思います。
まずHP制作において使用するHTMLタグから↓
HTMLタグ は100以上存在するといわれています。
Web制作を始めたばかりの初心者が覚えるべきタグを9つ紹介しますね！
①divタグ
囲った部分をグループ化する際に使うタグ
CSSを使う際に、まとまりごとに指示出しが可能で[…]

]]> 55e567aa151678dd4ed89338c3823e35 工藤 wrote a new post, Webデザイナーになった経緯（後編） https://kojinjigyou.org/?p=59940 Thu, 02 Nov 2023 12:27:32 +0900 今日は前回投稿した内容の後編です。
転職を決めてから上京をしてからの続きのお話です！
上京からから1～2年は事務職をして生活を繋ぎ、上京しても転職できない！？と悩んでいた最中、祖母の死に直面しました。
私は祖母から育てられました。親よりも大事な存在でした。
最期を遂げる1年前まで一緒に出歩いたりプレゼントしたり、入院の手伝いをしたり…思い出を沢山残して、私のことを1番心配していた祖母。
夢を叶えて祖母の家に戻って仕事[…]

]]> be3515fd3b6f2c9d29e67c22d0af81ef 工藤 wrote a new post, Webデザイナーになった経緯（前編） https://kojinjigyou.org/?p=58030 Thu, 28 Sep 2023 07:37:17 +0900 はじめまして！フリーランスでWebデザイナーをしてます！
初投稿で何を書けばよいか、全くわからない状態ですが…
今日は私がフリーランスのWebデザイナーになった経緯をお話しようと思います。
私は子供の頃から絵を描いたり、デザインを見たりするのが好きで、将来は漫画家志望でした。
学生に上がると、状況と共に夢も変わり、高校時代流行っていたHP制作に熱中し、創り手の面白さを体感。
そこから進学へと進むのですが、安定志向の親[…]

]]> 67d24cd9750705677d5bbd7d26011744 工藤 さんのプロフィールが更新されました。 https://kojinjigyou.org/member-activity/p/21681/ Thu, 28 Sep 2023 07:16:07 +0900 0 f66311d3662ae781d42a00732b9d2db9 工藤 さんのプロフィールが更新されました。 https://kojinjigyou.org/member-activity/p/21529/ Tue, 19 Sep 2023 03:41:40 +0900 0