Mercurial > drafts / changeset

     1.1 --- a/css-transitions/Overview.bs	Thu Oct 13 10:12:40 2016 +0900
     1.2 +++ b/css-transitions/Overview.bs	Thu Oct 13 10:32:16 2016 +0900
     1.3 @@ -1190,26 +1190,19 @@
     1.4  Each event provides the name of the property the transition is
     1.5  associated with as well as the duration of the transition.
     1.6  
     1.7 -      <dl>
     1.8 -        <dt>
     1.9 -          <b>Interface <dfn interface id="Events-TransitionEvent">TransitionEvent</dfn></b>
    1.10 -        </dt>
    1.11 -        <dd>
    1.12 -          <p>
    1.13 -            The {{TransitionEvent}} interface provides specific contextual information associated with transitions.
    1.14 -          </p>
    1.15 -          <dl>
    1.16 -            <dt>
    1.17 -              <b>IDL Definition</b>
    1.18 -            </dt>
    1.19 -            <dd>
    1.20 -              <div class='idl-code'>
    1.21 -                <pre class='idl'>
    1.22 +## Interface {{TransitionEvent}} ## {#interface-transitionevent}
    1.23 +
    1.24 +The {{TransitionEvent}} interface provides specific contextual information
    1.25 +associated with transitions.
    1.26 +
    1.27 +### IDL Definition ### {#interface-transitionevent-idl}
    1.28 +
    1.29 +<pre class="idl">
    1.30    [Constructor(DOMString type, optional TransitionEventInit transitionEventInitDict)]
    1.31    interface TransitionEvent : Event {
    1.32 -    readonly attribute DOMString          propertyName;
    1.33 -    readonly attribute float              elapsedTime;
    1.34 -    readonly attribute DOMString          pseudoElement;
    1.35 +    readonly attribute DOMString propertyName;
    1.36 +    readonly attribute float elapsedTime;
    1.37 +    readonly attribute DOMString pseudoElement;
    1.38    };
    1.39  
    1.40    dictionary TransitionEventInit : EventInit {
    1.41 @@ -1217,54 +1210,29 @@
    1.42      float elapsedTime = 0.0;
    1.43      DOMString pseudoElement = "";
    1.44    };
    1.45 -  </pre>
    1.46 -              </div>
    1.47 -            </dd>
    1.48 -            <dt>
    1.49 -              <b>Attributes</b>
    1.50 -            </dt>
    1.51 -            <dd>
    1.52 -              <dl>
    1.53 -                <dt>
    1.54 -                  <code class='attribute-name'><dfn attribute for="TransitionEvent" id="Events-TransitionEvent-propertyName">propertyName</dfn></code> of type <code>DOMString</code>, readonly
    1.55 -                </dt>
    1.56 -                <dd>
    1.57 -                  The name of the CSS property associated with the transition.
    1.58 -                </dd>
    1.59 -              </dl>
    1.60 -              <dl>
    1.61 -                <dt>
    1.62 -                  <code class='attribute-name'><dfn attribute for="TransitionEvent" id="Events-TransitionEvent-elapsedTime">elapsedTime</dfn></code> of type <code>float</code>, readonly
    1.63 -                </dt>
    1.64 -                <dd>
    1.65 -                  The amount of time the transition has been running, in
    1.66 -                  seconds, when this event fired not including any time spent
    1.67 -                  in the delay phase.
    1.68 -                  The precise calculation for of this member is defined along
    1.69 -                  with each event type.
    1.70 -                </dd>
    1.71 -              </dl>
    1.72 -              <dl>
    1.73 -                <dt>
    1.74 -                  <code class='attribute-name'><dfn attribute for="TransitionEvent" id="Events-TransitionEvent-pseudoElement">pseudoElement</dfn></code> of type <code>DOMString</code>, readonly
    1.75 -                </dt>
    1.76 -                <dd>
    1.77 -                  The name (beginning with two colons) of the CSS
    1.78 -                  pseudo-element on which the transition occurred (in
    1.79 -                  which case the target of the event is that
    1.80 -                  pseudo-element's corresponding element), or the empty
    1.81 -                  string if the transition occurred on an element (which
    1.82 -                  means the target of the event is that element).
    1.83 -                </dd>
    1.84 -              </dl>
    1.85 -            </dd>
    1.86 -          </dl>
    1.87 -          <p>
    1.88 -            <code id="TransitionEvent-constructor">TransitionEvent(type, transitionEventInitDict)</code>
    1.89 -            is an <a>event constructor</a>.
    1.90 -          </p>
    1.91 -        </dd>
    1.92 -      </dl>
    1.93 +</pre>
    1.94 +
    1.95 +### Attributes ### {#interface-transitionevent-attributes}
    1.96 +
    1.97 +:   <code class='attribute-name'><dfn attribute for="TransitionEvent" id="Events-TransitionEvent-propertyName">propertyName</dfn></code> of type <code>DOMString</code>, readonly
    1.98 +::  The name of the CSS property associated with the transition.
    1.99 +:   <code class='attribute-name'><dfn attribute for="TransitionEvent" id="Events-TransitionEvent-elapsedTime">elapsedTime</dfn></code> of type <code>float</code>, readonly
   1.100 +::  The amount of time the transition has been running, in seconds, when this
   1.101 +    event fired not including any time spent in the delay phase.  The precise
   1.102 +    calculation for of this member is defined along with each event type.
   1.103 +:   <code class='attribute-name'><dfn attribute for="TransitionEvent" id="Events-TransitionEvent-pseudoElement">pseudoElement</dfn></code> of type <code>DOMString</code>, readonly
   1.104 +::  The name (beginning with two colons) of the CSS
   1.105 +    pseudo-element on which the transition occurred (in
   1.106 +    which case the target of the event is that
   1.107 +    pseudo-element's corresponding element), or the empty
   1.108 +    string if the transition occurred on an element (which
   1.109 +    means the target of the event is that element).
   1.110 +
   1.111 +
   1.112 +<code id="TransitionEvent-constructor"><dfn constructor
   1.113 +for="TransitionEvent">TransitionEvent(type, transitionEventInitDict)</dfn></code>
   1.114 +is an <a>event constructor</a>.
   1.115 +
   1.116  
   1.117  Types of <code>TransitionEvent</code> {#event-transitionevent}
   1.118  --------------------------------------------------------------