Firefox ๋ธŒ๋ผ์šฐ์ € ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ
  • ํ™•์žฅ ๊ธฐ๋Šฅ
  • ํ…Œ๋งˆ
    • Firefox์šฉ
    • ์‚ฌ์ „ ๋ฐ ์–ธ์–ด ํŒฉ
    • ๋‹ค๋ฅธ ๋ธŒ๋ผ์šฐ์ € ์‚ฌ์ดํŠธ
    • Android ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ
๋กœ๊ทธ์ธ
CSS StylEditor ๋ฏธ๋ฆฌ๋ณด๊ธฐ

CSS StylEditor ์ œ์ž‘์ž: atarimnet

**CSS StyleEditor 5 โ€“ Live CSS Editing with Visual Controls** CSS StyleEditor 5 is a powerful Chrome extension for editing CSS directly on live web pages with an intuitive visual interface. * Live CSS editing with instant preview

์‹คํ—˜์ ์‹คํ—˜์ 
0 (๋ฆฌ๋ทฐ 0๊ฐœ)0 (๋ฆฌ๋ทฐ 0๊ฐœ)
์‚ฌ์šฉ์ž 1๋ช…์‚ฌ์šฉ์ž 1๋ช…
Firefox๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ํ™•์žฅ ๊ธฐ๋Šฅ์„ ๋ฐ›์œผ์„ธ์š”
ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ

ํ™•์žฅ ๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ

์Šคํฌ๋ฆฐ์ƒท
์ •๋ณด
CSS StyleEditor 5 โ€“ Live CSS Editing with Visual Controls

CSS StyleEditor 5 is a powerful Chrome extension for editing CSS directly on live web pages with an intuitive visual interface.
  • Live CSS editing with instant preview
  • Visual controls for modifying CSS properties
  • Comprehensive support for CSS properties
  • Built-in CSS functions and value helpers
  • Partial support for CSS at-rules
  • Save changes and publish them to your server
  • Detailed documentation and step-by-step tutorials on the website
  • Download ready-to-use server installation files from the website to enable updating CSS files with your changes
  • Designed for faster styling, testing, and development workflows
๊ฐœ๋ฐœ์ž ์˜๊ฒฌ
Operating Instructions

General Requirements
  • The extension reads CSS settings directly from the browser. Therefore, settings that are specific to a particular browser may not be recognized by the extension and will not be written to the file when saving. It is recommended to keep a separate file for settings intended for a different browser.
  • All changes made by the extension exist only in the browserโ€™s memory until they are finally saved to a file on the server.
  • The extension works with http and https protocols and does not work with the file protocol.



Using the Extension

Clicking the extension activation button will open the extension in a draggable window that can be positioned anywhere inside the browser.
  1. Select a CSS file โ€” a list of selectors from the file will appear.
  2. Select a selector โ€” a list of properties within the selected selector will appear.
  3. Property values can be changed using the controls attached to each property.
  4. Right-clicking a property name allows you to:
  5. Delete the property
  6. Restore the value it had when the selector was selected
  7. Edit the value as text
  8. You can add a new property to the list โ€” it will appear at the end of the list with default values.



The Property Did Not Appear at the End of the List?

Possible reasons:
  • You selected sorted list display.
  • Your browser does not support that property.



You can also add a new selector.

Saving the File

When everything is correct, the file should be saved.
Saving affects only the currently selected file, so the save process must be repeated for each file that was modified.

The extension sends the data to the server using a POST request:
  • ptr โ€” the file identifier and its location on the server
  • content โ€” the file content (selectors and settings)
  • key โ€” the identifier name defined by the user in the settings panel, containing the password value (val)



Example

If the key is abc and the val is 123, then the parameter sent to the server will be named abc and will contain 123.



Downloading the Example Update Program

The file se-conf.zip contains two files:
  • CSSStyleDeclaration.php โ€” the program file configured in the extension
  • se-conf.php โ€” a helper file containing the key and val values, which must also be updated in the extension settings

Download the file from the following page:
https://css.styleditor.net/?d=e5

Use of the program is free and entirely at the userโ€™s own responsibility.
๋ฆฌ๋ทฐ์–ด 0๋ช…์ด 0์ ์œผ๋กœ ํ‰๊ฐ€ํ•จ
๋กœ๊ทธ์ธํ•˜์—ฌ ์ด ํ™•์žฅ ๊ธฐ๋Šฅ์˜ ํ‰์ ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”
์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

๋ณ„์  ์ €์žฅ๋จ

5
0
4
0
3
0
2
0
1
0
์•„์ง ๋ฆฌ๋ทฐ ์—†์Œ
๊ถŒํ•œ ๋ฐ ๋ฐ์ดํ„ฐ

ํ•„์ˆ˜ ๊ถŒํ•œ:

  • ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ์—์„œ ์‚ฌ์šฉ์ž์˜ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผ
๋” ์•Œ์•„๋ณด๊ธฐ
์ถ”๊ฐ€ ์ •๋ณด
๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋งํฌ
  • ํ™ˆ ํŽ˜์ด์ง€
  • ์ง€์› ์‚ฌ์ดํŠธ
  • ์ง€์› ์ด๋ฉ”์ผ
  • ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ID ๋ณต์‚ฌ
๋ฒ„์ „
5.0.0
ํฌ๊ธฐ
133.95 KB
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ
3์ผ ์ „ (2026๋…„ 7์›” 30์ผ)
๊ด€๋ จ ์นดํ…Œ๊ณ ๋ฆฌ
  • ์›น ๊ฐœ๋ฐœ ๋„๊ตฌ
  • ์™ธ์–‘
๋ผ์ด์„ ์Šค
All Rights Reserved
๋ฒ„์ „ ๋ชฉ๋ก
  • ๋ชจ๋“  ๋ฒ„์ „ ๋ณด๊ธฐ
๋ชจ์Œ์ง‘์— ์ถ”๊ฐ€
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ์‹ ๊ณ 
Mozilla ํ™ˆํŽ˜์ด์ง€๋กœ ์ด๋™

๋ถ€๊ฐ€ ๊ธฐ๋Šฅ

  • ์†Œ๊ฐœ
  • Firefox ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋ธ”๋กœ๊ทธ
  • ํ™•์žฅ ๊ธฐ๋Šฅ ์›Œํฌ์ƒต
  • ๊ฐœ๋ฐœ์ž ํ—ˆ๋ธŒ
  • ๊ฐœ๋ฐœ์ž ์ •์ฑ…
  • ์ปค๋ฎค๋‹ˆํ‹ฐ ๋ธ”๋กœ๊ทธ
  • ํฌ๋Ÿผ
  • ๋ฒ„๊ทธ ์‹ ๊ณ 
  • ๋ฆฌ๋ทฐ ์ง€์นจ

๋‹ค์šด๋กœ๋“œ

  • Download Firefox
  • Windows
  • macOS
  • iOS
  • Android
  • Linux
  • All

์ตœ์‹  ๋นŒ๋“œ

  • Nightly
  • Beta

๊ธฐ์—…์šฉ Firefox

  • Enterprise

์ปค๋ฎค๋‹ˆํ‹ฐ

  • Connect
  • Contribute
  • Developer

ํŒ”๋กœ์šฐ

  • Instagram
  • YouTube
  • TikTok
  • Bluesky
  • Podcast
  • ๊ฐœ์ธ ์ •๋ณด
  • ์ฟ ํ‚ค
  • ๋ฒ•๋ฅ 

ํŠน๋ณ„ํ•œ ๊ณ ์ง€๊ฐ€ ์—†๋Š” ํ•œ, ๋ณธ ์‚ฌ์ดํŠธ์˜ ์ฝ˜ํ…์ธ ๋Š” Commons Attribution Share-Alike License v3.0 ๋˜๋Š” ๊ทธ ์ดํ›„ ๋ฒ„์ „์— ๋”ฐ๋ผ ์‚ฌ์šฉ์ด ํ—ˆ๊ฐ€๋ฉ๋‹ˆ๋‹ค.