PHPackages                             ponponumi/php\_css\_create - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. ponponumi/php\_css\_create

ActiveLibrary[Utility & Helpers](/categories/utility)

ponponumi/php\_css\_create
==========================

1.0.0(2y ago)07MITPHP

Since Apr 6Pushed 2y ago1 watchersCompare

[ Source](https://github.com/ponponumi/php_css_create)[ Packagist](https://packagist.org/packages/ponponumi/php_css_create)[ RSS](/packages/ponponumi-php-css-create/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (2)Used By (0)

PHP CSS Create
==============

[](#php-css-create)

このパッケージは、連想配列からCSSを生成するPHPパッケージです。

本パッケージを使うと、サーバーへの負荷が増える可能性があるため、動的に生成するCSS以外は本パッケージを使って生成しない事をおすすめします。

Composerでのインストールについて
--------------------

[](#composerでのインストールについて)

次のコマンドを実行する事で、インストール可能です。

```
composer require ponponumi/php_css_create
```

インスタンスの作成方法について
---------------

[](#インスタンスの作成方法について)

本パッケージでは、インスタンスの作成が必要です。

次の方法で、インスタンスの作成が可能です。

```
use Ponponumi\PhpCssCreate\StyleCreate;

$styleCreate = new StyleCreate();
```

インスタンス作成時にデータを渡す方法について
----------------------

[](#インスタンス作成時にデータを渡す方法について)

本パッケージでは、インスタンス作成時、データを渡す事が出来ます。

```
use Ponponumi\PhpCssCreate\StyleCreate;

$data = [
  "selector" => "h2",
  "property" => [
    "color" => "#00f"
  ]
];

$styleCreate = new StyleCreate($data);

$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(15) "h2{color:#00f;}"
```

複数のデータを渡したい場合は、このようにする事で、渡す事が出来ます。

```
use Ponponumi\PhpCssCreate\StyleCreate;

$data = [
  [
    "selector" => "h1",
    "property" => [
      "color" => "#f00"
    ]
  ],
  [
    "selector" => "p",
    "property" => [
      "color" => "#0f0"
    ]
  ],
];

$styleCreate = new StyleCreate($data,true);

$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(29) "h1{color:#f00;}p{color:#0f0;}"
```

データを追加する方法について
--------------

[](#データを追加する方法について)

```
use Ponponumi\PhpCssCreate\StyleCreate;

$data = [
  "selector" => "h2",
  "property" => [
    "color" => "#00f"
  ]
];

$styleCreate = new StyleCreate($data);

$addData = [
  "selector" => ".text",
  "property" => [
    "font-size" => "17px"
  ]
];

$styleCreate->add($addData);

$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(37) "h2{color:#00f;}.text{font-size:17px;}"
```

複数のデータを渡したい場合は、次の方法で渡す事が出来ます。

```
use Ponponumi\PhpCssCreate\StyleCreate;

$data = [
  "selector" => "h2",
  "property" => [
    "color" => "#00f"
  ]
];

$styleCreate = new StyleCreate($data);

$addList = [
  [
    "selector" => ".text",
    "property" => [
      "font-size" => "17px"
    ]
  ],
  [
    "selector" => ".hello",
    "property" => [
      "color" => "#04f"
    ]
  ],
];

$styleCreate->addList($addList);

$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(56) "h2{color:#00f;}.text{font-size:17px;}.hello{color:#04f;}"
```

更に、次の方法でも追加する事が出来ます。

```
use Ponponumi\PhpCssCreate\StyleCreate;

$styleCreate = new StyleCreate();

$propertyList = [
  "color" => "#03e",
  "border-bottom" => "1px solid #03e",
];

$styleCreate->addSeparately($propertyList,"a");

$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(43) "a{color:#03e;border-bottom:1px solid #03e;}"
```

データを削除する方法について
--------------

[](#データを削除する方法について)

追加したデータは、次の方法で削除する事が出来ますが、個別に削除する事は出来ませんのでご注意下さい。

```
use Ponponumi\PhpCssCreate\StyleCreate;

$styleCreate = new StyleCreate();

$propertyList = [
  "color" => "#03e",
  "border-bottom" => "1px solid #03e",
];

$styleCreate->addSeparately($propertyList,"a");
$styleCreate->delete();

$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(0) ""
```

CSS変数を追加する方法について
----------------

[](#css変数を追加する方法について)

次の方法で、追加する事が出来ます。

```
use Ponponumi\PhpCssCreate\StyleCreate;

$styleCreate = new StyleCreate();

$variableList = [
  "theme-color" => "#15f132",
  "text_color" => "#222",
  "--link-color" => "#52e3f2",
  "__link_hover_color" => "#52e3f2",
];

$styleCreate->addVariable($variableList);
$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(95) ":root{--theme-color:#15f132;--text-color:#222;--link-color:#52e3f2;--link-hover-color:#52e3f2;}"
```

アンダーラインをハイフンに変換したくない場合は、次の方法で行ってください。

```
use Ponponumi\PhpCssCreate\StyleCreate;

$styleCreate = new StyleCreate();

$variableList = [
  "theme-color" => "#15f132",
  "text_color" => "#222",
  "--link-color" => "#52e3f2",
  "__link_hover_color" => "#52e3f2",
];

$styleCreate->addVariable($variableList,false);
$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(97) ":root{--theme-color:#15f132;--text_color:#222;--link-color:#52e3f2;--__link_hover_color:#52e3f2;}"
```

ライセンスについて
---------

[](#ライセンスについて)

このパッケージは、MITライセンスとして作成されています。

###  Health Score

20

—

LowBetter than 14% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity4

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

773d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/33330e24ced26a4d62456dc643833f584a458b10734b7988189558e6156a3668?d=identicon)[ponponumi](/maintainers/ponponumi)

---

Top Contributors

[![ponponumi](https://avatars.githubusercontent.com/u/123799676?v=4)](https://github.com/ponponumi "ponponumi (73 commits)")

### Embed Badge

![Health badge](/badges/ponponumi-php-css-create/health.svg)

```
[![Health](https://phpackages.com/badges/ponponumi-php-css-create/health.svg)](https://phpackages.com/packages/ponponumi-php-css-create)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)