Css Bautify
Verschönere deine CSS und rücke mit diesen Toll deine CSS schön lesbar zusammen.
Steht auch zum Download bereit.
Download-archiv
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CSS Beautify</title>
<script>
// CodeMirror version 2.34
// All functions that need access to the editor's state live inside
// the CodeMirror function. Below that, at the bottom of the file,
// some utilities are defined.
// CodeMirror is the only global var we claim
window.CodeMirror = (function() {
"use strict";
// This is the function that produces an editor instance. Its
// closure is used to store the editor state.
function CodeMirror(place, givenOptions) {
// Determine effective options based on given values and defaults.
var options = {}, defaults = CodeMirror.defaults;
for (var opt in defaults)
if (defaults.hasOwnProperty(opt))
options[opt] = (givenOptions && givenOptions.hasOwnProperty(opt) ? givenOptions : defaults)[opt];
var input = elt("textarea", null, null, "position: absolute; padding: 0; width: 1px; height: 1em");
input.setAttribute("wrap", "off"); input.setAttribute("autocorrect", "off"); input.setAttribute("autocapitalize", "off");
// Wraps and hides input textarea
var inputDiv = elt("div", [input], null, "overflow: hidden; position: relative; width: 3px; height: 0px;");
// The empty scrollbar content, used solely for managing the scrollbar thumb.
var scrollbarInner = elt("div", null, "CodeMirror-scrollbar-inner");
// The vertical scrollbar. Horizontal scrolling is handled by the scroller itself.
var scrollbar = elt("div", [scrollbarInner], "CodeMirror-scrollbar");
// DIVs containing the selection and the actual code
var lineDiv = elt("div"), selectionDiv = elt("div", null, null, "position: relative; z-index: -1");
// Blinky cursor, and element used to ensure cursor fits at the end of a line
var cursor = elt("pre", "\u00a0", "CodeMirror-cursor"), widthForcer = elt("pre", "\u00a0", "CodeMirror-cursor", "visibility: hidden");