This Bugzilla instance is a read-only archive of historic NetBeans bug reports. To report a bug in NetBeans please follow the project's instructions for reporting issues.

Bug 216852 - Update CSS3 property charts
Summary: Update CSS3 property charts
Status: NEW
Alias: None
Product: web
Classification: Unclassified
Component: CSS Editor (show other bugs)
Version: 7.3
Hardware: All All
: P1 normal with 3 votes (vote)
Assignee: Milutin Kristofic
URL:
Keywords:
: 217702 227854 (view as bug list)
Depends on:
Blocks: 235094 235151
  Show dependency tree
 
Reported: 2012-08-14 10:27 UTC by Vladimir Riha
Modified: 2017-07-24 04:38 UTC (History)
7 users (show)

See Also:
Issue Type: ENHANCEMENT
Exception Reporter:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Vladimir Riha 2012-08-14 10:27:52 UTC
Rule Editor doesn't seem to be able to show unknown properties. For instance, one of the template I use contains

-webkit-font-smoothing

This seems to be some workaround for Safari rendering. I really don't know if it's still actually working or not but the property should be somehow listed in the Rule Editor. 


Product Version: NetBeans IDE Dev (Build EaselCSS-490-on-20120814)
Java: 1.7.0_06; Java HotSpot(TM) Client VM 23.2-b09
System: Linux version 3.0.0-23-generic-pae running on i386; UTF-8; en_US (nb)
Comment 1 Vladimir Riha 2012-08-23 10:34:52 UTC
probably related, following css hack is not in Rule Editor either:

_color: blue;
Comment 2 Vladimir Riha 2012-08-27 11:55:37 UTC
After offline discussion, I'm adding here list of known unsupported properties.
I'll try to follow "single comment for each browser" rule
Comment 3 Vladimir Riha 2012-08-27 11:56:54 UTC
Mozilla
========

Source: 
=======
https://developer.mozilla.org/en-US/docs/CSS/CSS_Reference/Mozilla_Extensions?redirectlocale=en-US&redirectslug=CSS_Reference%2FMozilla_Extensions


Mozilla-prefixed properties on the standard track
=================================================

-moz-backface-visibility:hidden
-moz-background-inline-policy: bounding-box;
-moz-column-fill: auto;
-moz-font-feature-settings: "c2sc", "smcp";
-moz-hyphens:auto;
-moz-perspective: none;
-moz-perspective-origin:top left;
-moz-text-align-last: end;
-moz-transform-style: preserve-3d
-moz-border-image-outset
-moz-border-image-repeat
-moz-border-image-slice
-moz-border-image-source
-moz-border-image-width
-moz-font-language-override


NONPREFIXED
===========
mask: none;
clip-path
filter


Proprietary Mozilla-prefixed properties (do not use on Web sites) 
- some of them are already supported by NetBeans
================================================
-moz-binding: url("http://www.example.org/xbl/htmlBindings.xml#checkbox");
-moz-border-bottom-colors:  maroon maroon khaki maroon khaki maroon maroon transparent;
-moz-border-end
-moz-border-end-color
-moz-border-end-style
-moz-border-end-width
-moz-border-left-colors
-moz-border-right-colors
-moz-border-start
-moz-border-start-color
-moz-border-start-style
-moz-border-start-width
-moz-border-top-colors
-moz-force-broken-image-icon: 1;
-moz-float-edge
-moz-image-region: rect(0px, 4px, 4px, 0px);
-moz-margin-end: auto;
-moz-margin-start:33%;
-moz-orient: vertical;
-moz-outline-radius-topleft:     12%;
-moz-outline-radius-topright:    1em;
-moz-outline-radius-bottomright: 35px;
-moz-outline-radius-bottomleft:  1em;
-moz-outline-radius:  12% 1em 25px;
-moz-padding-end: 10px;
-moz-padding-start: 5%;
-moz-stack-sizing: ignore;
-moz-text-blink: blink;
-moz-user-focus: blink;
-moz-user-input: disabled;
-moz-user-modify: read-write;
-moz-user-select: none;
-moz-window-shadow: none;
-moz-script-level
-moz-script-min-size
-moz-script-size-multiplier
Comment 4 Vladimir Riha 2012-08-27 12:53:09 UTC
Webkit (Chrome, Chromium, Safari)
=================================
I didn't manage to find official documentation so I used 

http://peter.sh/experiments/vendor-prefixed-css-properties-webkit/

as a source.


List of missing properties
==========================
-webkit-align-content
-webkit-align-items
-webkit-align-self
-webkit-aspect-ratio
-webkit-blend-mode
-webkit-border-after
-webkit-border-after-color
-webkit-border-after-style
-webkit-border-after-width
-webkit-border-before
-webkit-border-before-color
-webkit-border-before-style
-webkit-border-before-width
-webkit-border-end
-webkit-border-end-color
-webkit-border-end-style
-webkit-border-end-width
-webkit-border-fit
-webkit-border-start
-webkit-border-start-color
-webkit-border-start-style
-webkit-border-start-width
-webkit-box-decoration-break
-webkit-color-correction
-webkit-column-axis
-webkit-column-progression
-webkit-column-span
-webkit-filter
-webkit-flex
-webkit-flex-basis
-webkit-flex-direction
-webkit-flex-flow
-webkit-flex-grow
-webkit-flex-shrink
-webkit-flex-wrap
-webkit-flow-from
-webkit-flow-into
-webkit-font-feature-settings
-webkit-font-kerning
-webkit-font-size-delta
-webkit-font-smoothing
-webkit-font-variant-ligatures
-webkit-grid-column
-webkit-grid-columns
-webkit-grid-row
-webkit-grid-rows
-webkit-highlight
-webkit-hyphenate-character
-webkit-hyphenate-limit-after
-webkit-hyphenate-limit-before
-webkit-hyphenate-limit-lines
-webkit-justify-content
-webkit-line-align
-webkit-line-box-contain
-webkit-line-clamp
-webkit-line-grid
-webkit-line-snap
-webkit-locale
-webkit-logical-height
-webkit-logical-width
-webkit-margin-after
-webkit-margin-after-collapse
-webkit-margin-before
-webkit-margin-before-collapse
-webkit-margin-end
-webkit-mask-box-image-outset
-webkit-mask-box-image-repeat
-webkit-mask-box-image-slice
-webkit-mask-box-image-source
-webkit-mask-box-image-width
-webkit-mask-repeat-x
-webkit-mask-repeat-y
-webkit-max-logical-height
-webkit-max-logical-width
-webkit-min-logical-height
-webkit-min-logical-width
-webkit-opacity
-webkit-order
-webkit-overflow-scrolling
-webkit-padding-after
-webkit-padding-before
-webkit-padding-end
-webkit-perspective-origin-x
-webkit-perspective-origin-y
-webkit-print-color-adjust
-webkit-region-break-after
-webkit-region-break-before
-webkit-region-break-inside
-webkit-region-overflow
-webkit-shape-inside
-webkit-shape-outside
-webkit-svg-shadow
-webkit-text-decoration-line
-webkit-text-decoration-style
-webkit-text-decorations-in-effect
-webkit-text-emphasis-position
-webkit-widget-region
-webkit-wrap
-webkit-wrap-flow
-webkit-wrap-margin
-webkit-wrap-padding
-webkit-wrap-through
Comment 5 Vladimir Riha 2012-08-28 16:03:02 UTC
Presto 2.10 (Opera) - seems to be the version used in stable release of Opera
===================
Source: http://www.opera.com/docs/specs/presto2.10/css/o-vendor/


-o-device-pixel-ratio
-o-object-fit
-o-object-position
-o-tab-size
-o-table-baseline
-o-transform
-o-transform-origin

Following list contains another vendor properties for Presto but they are not listed in Presto 2.10 documentation

Presto
================
Source: http://peter.sh/experiments/vendor-prefixed-css-properties-presto/


-o-focus-opacity
-o-link
-o-link-source
-o-mini-fold
-wap-accesskey
-wap-input-format
-wap-input-required
-wap-marquee-dir
-wap-marquee-loop
-wap-marquee-speed
-wap-marquee-style
-xv-interpret-as
-xv-phonemes
-xv-voice-balance
-xv-voice-duration
-xv-voice-pitch
-xv-voice-pitch-range
-xv-voice-rate
-xv-voice-stress
-xv-voice-volume
Comment 6 Vladimir Riha 2012-09-03 10:45:41 UTC
Trident (IE)
=============

Source: http://peter.sh/experiments/vendor-prefixed-css-properties-trident/


-ms-animation
-ms-animation-delay
-ms-animation-direction
-ms-animation-duration
-ms-animation-fill-mode
-ms-animation-iteration-count
-ms-animation-name
-ms-animation-play-state
-ms-animation-timing-function
-ms-backface-visibility
-ms-background-position-y
-ms-box-align
-ms-box-direction
-ms-box-flex
-ms-box-line-progression
-ms-box-lines
-ms-box-ordinal-group
-ms-box-orient
-ms-box-pack
-ms-content-zoom-boundary
-ms-content-zoom-boundary-max
-ms-content-zoom-boundary-min
-ms-content-zoom-chaining
-ms-content-zoom-snap
-ms-content-zoom-snap-points
-ms-content-zoom-snap-type
-ms-content-zooming
-ms-flow-from
-ms-flow-into
-ms-font-feature-settings
-ms-grid-column
-ms-grid-column-align
-ms-grid-column-span
-ms-grid-columns
-ms-grid-layer
-ms-grid-row
-ms-grid-row-align
-ms-grid-row-span
-ms-grid-rows
-ms-high-contrast-adjust
-ms-hyphenate-limit-chars
-ms-hyphenate-limit-lines
-ms-hyphenate-limit-zone
-ms-hyphens
-ms-line-break
-ms-overflow-style
-ms-perspective
-ms-perspective-origin
-ms-perspective-origin-x
-ms-perspective-origin-y
-ms-scroll-boundary
-ms-scroll-boundary-bottom
-ms-scroll-boundary-left
-ms-scroll-boundary-right
-ms-scroll-boundary-top
-ms-scroll-chaining
-ms-scroll-rails
-ms-scroll-snap-points-x
-ms-scroll-snap-points-y
-ms-scroll-snap-type
-ms-scroll-snap-x
-ms-scroll-snap-y
-ms-scrollbar-track-color
-ms-text-autospace
-ms-text-size-adjust
-ms-touch-action
-ms-transform-origin-x
-ms-transform-origin-y
-ms-transform-origin-z
-ms-transform-style
-ms-transition
-ms-transition-delay
-ms-transition-duration
-ms-transition-property
-ms-transition-timing-function
-ms-user-select
ms-word-wrap
-ms-wrap-flow
-ms-wrap-margin
-ms-wrap-through
-ms-zoom
Comment 7 Vladimir Riha 2012-09-03 11:09:36 UTC
CSS3 properties without prefix
=======================

Source: http://www.w3schools.com/cssref/default.asp

@keyframes
@-moz-keyframes 
@-webkit-keyframes
@-o-keyframes
@font-face
overflow-style

color-profile
rendering-intent
float-offset
box-align
box-direction
box-flex
box-flexgroupt
box-lines
box-ordinal-group
box-orient
box-pack
crop
move-to
grid-columns
grid-rows
fit
fit-position
mark
mark-after
mark-before
phonemes
voice-pitch-range
punctuation-trim
text-outline
text-overflow
text-outline
word-wrap
Comment 8 Vladimir Riha 2012-09-03 11:10:00 UTC
that's probably all
Comment 9 Marek Fukala 2012-09-13 12:44:04 UTC
*** Bug 217702 has been marked as a duplicate of this bug. ***
Comment 10 Vladimir Riha 2013-01-17 13:25:49 UTC
One last unknown property:

border-bottom|top|left|right-colors
Comment 11 Marek Fukala 2013-08-27 12:17:43 UTC
*** Bug 227854 has been marked as a duplicate of this bug. ***
Comment 12 yohohoho 2014-07-30 19:47:15 UTC
Just wanted to add that for the perspective property and transform: perspective(), the editor produces a hint/error notice if you put a unit after the length for either of these properties. Per the CSS specs (http://www.w3.org/TR/css3-values/#lengths), a unit is required for all lengths except 0. 

For example: perspective: 600px  OR transform: perpective(30em).