<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>CSS &#8211; くまぶろぐ。</title>
	<atom:link href="https://weblife.ppmp556.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>https://weblife.ppmp556.com</link>
	<description>フリーランスのWeb制作ブログ。Web制作やチーム制作、フリーランス活動について発信するブログ。</description>
	<lastBuildDate>Tue, 16 Jun 2026 23:05:47 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://weblife.ppmp556.com/wp-content/uploads/2021/04/kumadafabicon04.png</url>
	<title>CSS &#8211; くまぶろぐ。</title>
	<link>https://weblife.ppmp556.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">192677179</site>	<item>
		<title>【CSS】:has() + aria-currentで現在地ナビをハイライト</title>
		<link>https://weblife.ppmp556.com/has-aria-current/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=has-aria-current</link>
					<comments>https://weblife.ppmp556.com/has-aria-current/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32736</guid>

					<description><![CDATA[どうも、くまだです。 :has() + aria-current で現在地ナビをハイライトメモ。 aria-current="page" を1行追加するだけで、スクリーンリーダーはそのリンクを「現在のページ」として認識し [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/has-aria-current/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32736</post-id>	</item>
		<item>
		<title>【CSS】font-kerningとは？カーニングの仕組みとletter-spacingとの違いを解説</title>
		<link>https://weblife.ppmp556.com/font-kerning/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=font-kerning</link>
					<comments>https://weblife.ppmp556.com/font-kerning/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 01 Sep 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32724</guid>

					<description><![CDATA[どうも、くまだです。 CSSでカーニングを制御するfont-kerningプロパティについてのメモ。 font-feature-settingsについてはこちら。 カーニングとは？CSSでの文字詰めの仕組みを整理 カーニ [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/font-kerning/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32724</post-id>	</item>
		<item>
		<title>【CSS】revert-layerとは｜@layer 内でプロパティをリセットする方法</title>
		<link>https://weblife.ppmp556.com/revert-layer/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=revert-layer</link>
					<comments>https://weblife.ppmp556.com/revert-layer/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 25 Aug 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32716</guid>

					<description><![CDATA[どうも、くまだです。 @layer（カスケードレイヤー）で使えるrevert-layer のメモ。 revert-layerとは revert-layer は CSS のグローバルキーワードのひとつで、現在のカスケードレ [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/revert-layer/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32716</post-id>	</item>
		<item>
		<title>【CSS】text-wrap: balance と pretty の使い分け｜見出しと本文で書き換える</title>
		<link>https://weblife.ppmp556.com/text-wrap-balance-pretty/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=text-wrap-balance-pretty</link>
					<comments>https://weblife.ppmp556.com/text-wrap-balance-pretty/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 18 Aug 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[未分類]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32693</guid>

					<description><![CDATA[どうも、くまだです。 text-wrap プロパティの balance と pretty の使い分けメモ。両方とも「読みやすく改行位置を調整する」プロパティ。 text-wrap: balance とは 見出しの行末がガ [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/text-wrap-balance-pretty/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32693</post-id>	</item>
		<item>
		<title>backdrop-filterでぼかし・すりガラスUIを実装する【CSS】</title>
		<link>https://weblife.ppmp556.com/backdrop-filter/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=backdrop-filter</link>
					<comments>https://weblife.ppmp556.com/backdrop-filter/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 04 Aug 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32640</guid>

					<description><![CDATA[どうも、くまだです。 CSSのbackdrop-filterプロパティのメモ。 backdrop-filter とは？ backdrop-filterは、要素の背景（後ろに透けて見えている部分）にフィルターをかけるCSS [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/backdrop-filter/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32640</post-id>	</item>
		<item>
		<title>【CSS】align-contentについて</title>
		<link>https://weblife.ppmp556.com/align-content/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=align-content</link>
					<comments>https://weblife.ppmp556.com/align-content/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 21 Jul 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32560</guid>

					<description><![CDATA[どうも、くまだです。 align-contentプロパティのメモ。 align-contentがブロックでも効く align-contentプロパティは、通常のブロックレイアウトでも効きます。つまり、display: f [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/align-content/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32560</post-id>	</item>
		<item>
		<title>CSSだけでtextareaを自動リサイズ！field-sizingの使い方</title>
		<link>https://weblife.ppmp556.com/field-sizing/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=field-sizing</link>
					<comments>https://weblife.ppmp556.com/field-sizing/#respond</comments>
		
		<dc:creator><![CDATA[くまだ]]></dc:creator>
		<pubDate>Tue, 14 Jul 2026 08:30:00 +0000</pubDate>
				<category><![CDATA[Web制作]]></category>
		<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://weblife.ppmp556.com/?p=32514</guid>

					<description><![CDATA[どうも、くまだです。 field-sizingプロパティのメモ。 field-sizingとは？ field-sizingは、フォームの入力欄のサイズの決まり方を制御するCSSプロパティです。 field-sizing: [&#8230;]]]></description>
		
					<wfw:commentRss>https://weblife.ppmp556.com/field-sizing/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">32514</post-id>	</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Disk: Enhanced  を使用したページ キャッシュ

Served from: weblife.ppmp556.com @ 2026-09-14 14:19:03 by W3 Total Cache
-->