Para crear un nuevo recurso de hoja de estilos

1. Despliegue Recursos en el panel de diseño.

2. Seleccione la opción Hojas de estilos en la lista de recursos.

3. Haga clic en Nuevo recurso de hoja de estilos. Aparece el cuadro de diálogo Abrir. Solo se verán los archivos con la extensión CSS.

4. Busque y seleccione la hoja de estilos en cascada que desee usar.

5. Haga clic en Abrir para agregar la hoja de estilos a la lista de recursos de hojas de estilos. Se abrirá el cuadro de propiedades del recurso de hoja de estilos donde podrá cambiar el nombre y otras propiedades de la hoja.

Para insertar un recurso de hoja de estilos en una página, un formulario o un subformulario

1. Abra una página, un formulario o un subformulario.

2. Sitúe el cursor en el lugar en el que desea agregar la hoja de estilos. Para insertar la hoja de estilos en el encabezado HTML, abra el panel de programación, seleccione el evento Contenido del encabezado HTML y haga clic en el área de scripts.

3. Seleccione Crear > Recurso > Insertar recurso. Aparecerá el cuadro de diálogo Insertar recurso.

4. Seleccione la base de datos que contiene la hoja de estilos. La opción predeterminada es la base de datos actual.

5. Como tipo de recurso, seleccione Hojas de estilos.

6. En la sección Recursos disponibles, resalte el recurso de hoja de estilos que desea agregar.

7. Haga clic en Aceptar.

8. (Opcional) Para ver el nombre del recurso de hoja de estilos insertado o para seleccionar otro recurso de hoja de estilos, seleccione Hoja de estilos > Propiedades de la hoja de estilos. Aparecerá el cuadro de propiedades indicando el nombre del recurso. Para seleccionar un recurso de hoja de estilos diferente, haga clic en el botón Examinar para abrir el cuadro de diálogo Localizar objeto.

Para editar un recurso de hoja de estilos

1. Despliegue Recursos en el panel de diseño.

2. Seleccione la opción Hojas de estilos en la lista de recursos.

3. Seleccione un recurso de hoja de estilos.

4. Realice una de las tareas siguientes:

• Si dispone de un editor de hojas de estilos predeterminado, haga clic en Abrir archivo.
• Haga clic en Abrir con y seleccione un editor para abrir el recurso de hoja de estilos.

Para actualizar un archivo que haya copiado como recurso compartido, actualice el recurso de hoja de estilos.

1. Despliegue Recursos en el panel de diseño.

2. Seleccione la opción Hojas de estilos en la lista de recursos.

3. Seleccione un recurso de hoja de estilos.

4. Haga clic en Actualizar. Aparecerá el cuadro de diálogo Abrir.

5. Seleccione el archivo CSS para actualizar su recurso de hoja de estilos y haga clic en Abrir. Se actualizará el recurso de hoja de estilos.

Estilo de los controles de JavaScript

El estilo predeterminado de los controles de JavaScript se define en el siguiente archivo CSS (del inglés Cascading Style Sheet, hoja de estilos en cascada) del servidor Domino:

domino\data\domino\js\dojo\ibm\domino\domino-default.CSS

Tabla de las propiedades de CSS soportadas

La tabla siguiente muestra las propiedades de las hojas de estilos en cascada cuyo uso permite IBM® Lotus® Domino(TM) Designer. Las etiquetas HTML se asignan automáticamente a IBM® Lotus® Notes®. Por ejemplo, esta etiqueta se asigna automáticamente a Notes:

BODY {Font-Family: Arial; Color: Blue}

Sí = se permite el uso de la propiedad

N/A = no aplicable

N/P = no permitida

• Una propiedad configurada mediante el recurso de hoja de estilos tiene prioridad sobre una propiedad con la que entre en contradicción configurada en el cuadro de propiedades del elemento.
• Border-top-color y border-color se aplican a los cuatro lados de un elemento.
• Border-top-style y border-style se aplican a los cuatro lados de un elemento.
• Para las imágenes, se aplican las propiedades siguientes al título de la imagen: color, font-weight, font-style, font-size, font-family y text-decoration.
• La propiedad visibility no aparece en la tabla debido a su mínima aceptación. Su uso sólo está permitido para la etiqueta <DIV> para valores ocultos y plegados.

Lista de propiedades	Documento <Body>	Capa <DIV>	Párrafo <P>	Elemento de lista <LI>	Tabla <TABLE>	Celda <TD>	Gráfico <IMG>
background-color	Sí	Sí	N/P	N/P	Sí	Sí	N/A
background-image			N/P	N/P	N/A		N/A
background-repeat			N/P	N/P	N/A		N/A
border-bottom-width	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-color shorthand	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-left-width	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-right-width	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border shorthand	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-style shorthand	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-top-width	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-top-color	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-top-style	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-width shorthand	N/A	N/A	Sí	Sí	Sí	Sí	Sí
color	Sí	Sí	Sí	Sí	Sí	Sí	Sí
font-family	Sí	Sí	Sí	Sí	Sí	Sí	Sí
font-size	Sí	Sí	Sí	Sí	Sí	Sí	Sí
font-style	Sí	Sí	Sí	Sí	Sí	Sí	Sí
font-weight	Sí	Sí	Sí	Sí	Sí	Sí	Sí
height	N/A	Sí	N/A	N/A	N/A	N/A	N/A
left	N/A	Sí	N/A	N/A	N/A	N/A	N/A
margin-bottom	N/A	N/A	Sí	Sí	Sí	N/A	Sí
margin-left	N/A	N/A	Sí	Sí	Sí	N/A	Sí
margin-right	N/A	N/A	Sí	Sí	Sí	N/A	Sí
margin shorthand	N/A	N/A	Sí	Sí	Sí	N/A	Sí
margin-top	N/A	N/A	Sí	Sí	Sí	N/A	Sí
padding-bottom	N/A	N/A	Sí	Sí	Sí	N/A	Sí
padding-left	N/A	N/A	Sí	Sí	Sí	N/A	Sí
padding-right	N/A	N/A	Sí	Sí	Sí	N/A	Sí
padding shorthand	N/A	N/A	Sí	Sí	Sí	N/A	Sí
padding-top	N/A	N/A	Sí	Sí	Sí	N/A	Sí
position	N/A	Sí	N/A	N/A	N/A	N/A	N/A
text-decoration	Sí	Sí	Sí	Sí	Sí	Sí	Sí
top	N/A	Sí	N/A	N/A	N/A	N/A	N/A
width	N/A	Sí	N/A	N/A	N/A	N/A	N/A
z-index	N/A	Sí	N/A	N/A	N/A	N/A	N/A

Diseño de páginas
Diseño de formularios

Glosario